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.

The Trip Layer showing flights over France.

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.