ShevaXu / track-visualization

Visualize track data for outdoor amateurs

GPX TRACK VISUALIZATION

For outdoor amateurs :P

Intro

Data

• GPX (GPS Exchange Format) - a XML schema supported by most activitie-recorders (e.g., Garmin watches)
• GeoJSON, a format for encoding a variety of geographic data structures
  • https://l7editor.antv.antgroup.com/ or https://geojson.io/ for online exploring data
  • ToGeoJSON (./lib/togeojson.js)

A transformed gpx-geojson is like:

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "name": "happy ruuning",
        "type": "trail_running",
        "time": "2023-06-03T22:29:16.000Z",
        "coordTimes": ["2023-06-03T22:29:16.000Z"]
      }
    }
  ],
  "geometry": {
    "type": "LineString",
    "coordinates": [[114.19872326776385, 27.52464727498591, 1515.5999755859375]]
  }
}

Map

This project uses mapbox-gl for map rendering (doc). The glossary is w.r.t. mapbox as well.

• Source & Data:
  • tiled sources (tilesets): vector & raster(-dem)
    • digital elevation model (DEM): e.g., mapbox-terrain-dem-v1
  • geojson
  • image/video
• Styles: source + style -> rendering
  • mapbox://styles/mapbox/outdoors-v12 https://www.mapbox.com/maps/outdoors
• Camera: a map's field of view

(from [1])

Refs

• [1] https://www.mapbox.com/blog/building-cinematic-route-animations-with-mapboxgl