Feature Properties

Change the appearance of your design by using the property editor

Shapes that you draw in Giraffe can be styled by a number of properties. If you want to change how a shape appears on the map, read on to find out how. You can also change the default styles for each usage - which is covered in this article.

Adding Properties

Select a shape, or a group of shapes and use the property editor in the "Structure" tab to add or change properties. The "+" button adds a new property. Please note that the property names are case sensitive and have to be added as they are below.

Properties that work for 2D and 3D (Top View on / off)

Property	Description	Notes	Type
color	The fill/point color	See this list for valid color names, or use the color picker to create your own hex-string	string
stroke	The line (or outline for a polygon) color		string
strokeWidth	The line/outline width in pixels		number
strokeOpacity	The line/outline opacity	range is 0 (for transparent) to 1 (for opaque)	number
fillOpacity	The fill opacity for a polygon		number
opacity	Point opacity		number
radius	A point's radius in pixels		number
Advanced
strokeOffset	See here		number
strokeLinejoin	See here		string

Properties that work for 2D / Top View only

Property	Description	Notes	Type
strokeLinecap		More about styling SVG stroke	string
strokeDasharray			array
strokeDashoffset			number
hatch			boolean
hatchColor	hatch line color		string
hatchSpacing	pixels between hatch lines		number
hatchStrokeWidth	hatch line thickness in pixels		number

Lines

In addition to styling a line with the properties above, arrowheads can be added to lines with these properties.

Property	Description	Notes	Type
arrowStart / arrowEnd	whether to put an arrowhead on the start / end of a line		boolean
arrowStartYawn / arrowEndYawn	Angle of arrowheadlines in degrees	default is 30°	number
arrowStartLength / arrowEndLength	length of arrow head lines in meters	default is 7m	number