Point layers draw points for a given event or object.

Layer Attributes

  • Basic

    • Columns:

      • Latitude

      • Longitude

      • Altitude (optional)

  • Fill

    • Enable fill - enabled by default

    • Single color / color based on

    • Color scale

    • Opacity

  • Outline

    • Enable outline

    • Single color / color based on

    • Color scale

    • Stroke width

  • Radius

    • Single radius / radius based on

    • Fixed radius to meter

  • Text,

    • Font Size

    • Font Color

    • Text Anchor


Arc layers draw an arc between two points. They’re useful for visualizing the distance between two points as well as comparing distances in 3D. Note that arc layers don’t show routes between points, but simply the distance between the two points. The tallest arc represents the greatest distance.

To draw arcs, your dataset must contain the latitude and longitude of two different points for each arc.


Line layers are the 2D version of arc layers. Both draw a line between two points to represent distance, but in a line layer, the drawing lies flat on the map.


Grids layers are similar to heatmaps. They show the density of points. They provide visual discrepancy in a map where multiple heatmap-style layers are present.


A path GeoJSON layer can display data like trip routes or contours. Stroke color can be set with a numerical field.

A polygon GeoJSON layer works best for rendering geofences. Fill color or height can be set with a numerical field. For example, it can display population by census tracts.

To add a polygon layer, your dataset must contain geometry data.


Cluster layers visualize aggregated data based on a geospatial radius.


Icon layers are a type of point layer. They allow you to differentiate between points by assigning icons to points based on a field. For example, you might use icons to differentiate between types of venues and points of interest.


Hexbin layers are similar to grid layers. They display distributions of aggregate metrics such as point count within each hexbin, average/max/min/median/sum of a numerical field, or mode/unique count of a string field. Both the color and height dimensions can encode data. Users can adjust the hexagon radius and the space between hexbins.


Heatmap layers describe the intensity of data at geographical points through a colored overlap. The intensity can be weighted by a numerical field.


H3 layers visualize spatial data using H3 Hexagonal Hierarchical Spatial Index.

To use H3 layer, you need a hex_id or hexagon_id in your dataset, which can be generated using h3-js from latitude, longitude and resolution.


Layer attributes

  • Color

    The path can be colored by an attribute from the properties.

  • Stroke Width

    Stroke width can be set by an attribute from the properties.

  • Trail Length

    Trail length determines how long it takes for a path to completely fade out in seconds. This can be adjusted using the slider. Short trail length retains few historical locations while long trail length retain more and show a longer tail.

  • Animation speed

    Animation speed can be adjusted using the animation control at the bottom.

When there are multiple layers

  • Multiple trip layers When you add multiple trip layers, the time range from all the layers will be combined and the animation control will span the entire time range of those layers.

  • Multiple layers containing trip layer and other layers Other static layers can be added besides the trip layers. Upon hiding the trip layer, its animation control will also hide, giving place to the filter control.


To export an animated map, you can use a screen recording or gif capture tool. You can also export the map as an interactive HTML to open in the browser.


To use S2 layer, you need to assign a column containing S2 tokens.

Did this answer your question?