How to add lollipops

Lollipops are persistent tooltips that remain visible on the map without needing to hover. They are primarily used for point data to highlight specific information directly on the map interface.

---

To create a basic lollipop

With a point data layer selected,

1. Select Interaction > Interaction type
2. In the dropdown, select Lollipop
3. Select SET LOLLIPOP TEXT TEMPLATE… The Set lollipop text template modal will open
4. Type content into the text area. The map will update to show a preview of your changes
5. When complete, select close ×

---

To add data values to a lollipop

With the Set lollipop text template modal open,

1. Place the caret in the text where you want the data value
2. Select Insert attribute. The Lollipop attribute modal will open
3. Select a data attribute from the list. Once selected, the modal will close
4. The data value placeholder will appear in the text area, formatted with double braces, such as {{feature}.{name}}

Important: The content inside the data value placeholder braces must not be edited, except for adding formatting. You can freely edit any text outside of the outer braces.

---

To style a lollipop

Once the lollipop text is set, you can customise the visual appearance under the Interaction tab:

• Shape: Use the dropdown to choose the container shape for the text (e.g., Circle).
• Base type: Select the style of the connector pointing to the data point (e.g., Solid arrow).
• Colours: Use the colour pickers to set the Background colour, Text colour, and Line colour.
• Dimensions: Use the sliders or input boxes to adjust the Width of the label and the Base length of the connector.
• Shadow: Toggle Show shadow to add depth, and use the Shadow colour picker to adjust its appearance.