The Trip Layer can animate an object as it traverses space and time. Both the object's model and its path can be highly configured, allowing for detailed visualizations.

The Trip Layer can be used for a variety of use-cases, including fleet visualization.

GeoJSON Input

GeoJSON data must contain LineString in its features' geometry. LineString must contain [longitude, latitude, altitude, timestamp]. Valid timestamp formats include unix in seconds such as 1564184363 or in milliseconds such as 1564184363000.

Example GeoJSON Input

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "vendor": "A"
      },
      "geometry": {
        "type": "LineString",
        "coordinates": [
          [-74.20986, 40.81773, 0, 1564184363],
          [-74.20987, 40.81765, 0, 1564184396],
          [-74.20998, 40.81746, 0, 1564184409]
        ]
      }
    }
  ]
}

CSV Input

Columnar datasets (typically loaded from a CSV file) you must contain an id, latitude, longitude, timestamp column (an altitude column is optional). A path will be created by grouping the id column and sorting by the timestamp columns.

Example CSV Input

Settings

The following sections detail every setting available in the Trip Layer.

Basic

Core settings for the Trip Layer.

Color

Stroke Width

Stroke settings for the Trip Layer.

Trail Length

Settings related to the trails of the moving objects.

Label Settings

Label settings for the Trip Layer. Labels appear affixed to the Trip Layer's moving objects.

3D Model Settings

The following sections reiterate the 3D models documentation, which also contains 3D model properties and settings.

Custom 3D Models

To use your own 3D model, you can provide a link to a glTF file with either a .gltf (JSON/ASCII) or .glb (binary) extension.

If you need to render many models on the map, please consider the number of polygons of your model. A model that is too detailed (containing a high number of polygons) may result in significant slowdowns of your visualization.

Note: Cross Origin Resource Sharing (CORS) must be enabled on the remote server hosting the 3D model. This allows Studio to retrieve the 3D model for your visualization.

JSON config editor for trip layer

Programmatically control your trip layer animations in our JSON code editor, or copy the configuration and paste it in other maps.

Export as Video

To export an animated map, you can use Export Video feature.

Multiple Trip Layers

Consider the following when overlaying several trip layers:

• When you add multiple trip layers, the time range from each layers is combined. The animation control will span the entire time range for each layer.
• When hiding the trip layer, its animation control can be found in the filter panel.

JSON Schema

For details on how to programmatically specify layer properties, refer to the Layer Configuration specification.