Annotation Labels have lots of styling options! Choose the text style, color, size, and alignment - and more!
Kind
Select pain text, outline, or image.
The label kind determines the available properties and settings for the label.
Text |  | Special Settings:
|
Outline
|  | Special Settings:
|
Image |  | Special Settings:
|
Size
Adjust the overall scale of the label with the slider, up/dn arrows, or by typing any value. Use decimal values to make text smaller than 1.0.
 |  |
 | 
|
Text, Background, or Border Color
Click the colored dot to pick any color from the selector, or paste in a hex code.
 (Border style is available for outline kind only) |  |
Border Size
For "outline" kind only: Set the border size in pixels.
Stick
Stick enabled: Toggle on/off for stick visibility.
Change stick height upon adding a stick.
Stick disabled
 | Stick enabled  |
Anchor
Choose how the marker is positioned on the geometry.
|  |
|  |
Position
The position of the label, specifically along a line.
 |  |  |
On Top
Toggle on to display label in front of other geometry regardless of base position.
On |  |
Off |  |
World Space
Toggle whether the scale of the label is related to the screen size or real-world size
Toggle off: markers stay the same size in pixels relative to the screen as you zoom in and out |  |
Toggle on: scale with zoom - ie they stay the same size in meters, but pixel size becomes larger or smaller with zoom |  |
Advanced
Custom markers can also be made by using any HTML as the markerHTML property.
A simple example is Setting the scale property to 0.
<div data-scale="{{properties.scale}}" data-id="{{properties.id}}" class="Marker-Three {{ properties.scale ? 'Marker-Scaled' : '' }}" > Label for {{properties.id}} ({{properties['multi word prop']}} </div>
Inside double brackets, you can refer to any properties and use any functions within the expr-val language.