Search…
Trip layer
Trip layer can display animated path.
Grid layer
How to use trip layer to animate path
Data format Currently trip layer support a special
geoJSON format where the coordinate linestring has a 4th element denoting timestamp.In order to animate the path, the
geoJSON data needs to contain LineString in its features' geometry, and the coordinates in the LineString need to have 4 elements in the format of [longitude, latitude, altitude, timestamp], with the last element being a timestamp. Valid timestamp formats include unix in seconds such as 1564184363 or in milliseconds such as 1564184363000.Sample data
1
{
2
"type": "FeatureCollection",
3
"features": [
4
{
5
"type": "Feature",
6
"properties": {
7
"vendor": "A"
8
},
9
"geometry": {
10
"type": "LineString",
11
"coordinates": [
12
[-74.20986, 40.81773, 0, 1564184363],
13
[-74.20987, 40.81765, 0, 1564184396],
14
[-74.20998, 40.81746, 0, 1564184409]
15
]
16
}
17
}
18
]
19
}
Copied!
Note Support for more data formats such as csv will be added in future releases.
Layer attributes
- ColorThe path can be colored by an attribute from the properties.
- Stroke WidthStroke width can be set by an attribute from the properties.
- Trail LengthTrail 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 speedAnimation 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.
Export
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.
Last modified 2yr ago
Copy link