What Youβll Learn in This Guide
1. Using map interactions
The Interactions menu lets you customize how users interact with your map β including hover behavior, brushing effects, and coordinate tracking.
To open the Interactions menu
Click the Interactions icon in the map toolbar.
Toggle switches next to the interaction types you wish to enable or disable.
Choose from three interaction types:
Tooltip
Brushing
Coordinate
π‘ Note: Only one of Tooltip or Brushing can be active at a time.
2. Working with tooltips
Tooltips display information when you hover over data points on your map. You can customize which fields appear in the tooltip and even embed images or links.
To configure tooltips
Open the Interactions menu.
Enable Tooltip.
From the Tooltip configuration menu, select which fields you want displayed.
Adding images to tooltips
If a field name includes
<img>and the field content contains an image URL (e.g.,http://my-image.com/example.png), the image will display directly in the tooltip.
Adding web links to tooltips
To make a tooltip clickable, include a field value starting with
http://orhttps://.
π‘ Pro Tip: Click on a point to pin its tooltip to the map. To unpin it, click the blue pin icon.
3. Using brush highlighting
Brushing highlights data dynamically as you move your cursor over the map.
Open the Interactions menu and enable Brushing.
As you move your cursor, only the area you hover over remains illuminated β all other layers dim automatically.
Brushing works especially well with arc or line layers for visualizing connections or movement.
π‘ Pro Tip: Use brushing to highlight spatial relationships or directional flows across your datasets.
4. Displaying coordinates
When Display Coordinates is enabled, a small panel showing latitude and longitude follows your mouse pointer.
Open the Interactions menu.
Toggle Coordinate on.
Move your mouse across the map to see real-time coordinate updates.
π‘ Pro Tip: Display Coordinates is useful for quickly identifying precise locations or verifying geospatial alignment.
5. Using time playback
The Time Playback feature animates time-series data to visualize changes over time.
To create a playback animation
Add a filter based on a time-related field (e.g.,
timestamp).For GeoJSON data, ensure your property field contains a valid timestamp.
The Playback window will appear at the bottom of your map.
The bars represent the distribution of data points over time.
Select your desired rolling time window.
Click Play to start the animation.
To adjust playback speed, click the speed value (1x, 2x, 4x) in the top-right corner.
Utilize a custom Y-Axis
Click Select Y Axis to change the default distribution graph into a time series of a specific column.
Example: show distance vs. time for a trip or event.
π‘ Pro Tip: Use time playback to visualize event progression, asset movement, or risk evolution over time.
