HTML + leaflet.js GPX track viewer using OpenStreetMap

@lagfra lagfra authored 19 days ago
css tooltip with track information 19 days ago
images first 3 years ago
js tooltip with track information 19 days ago
python gpx simplify compression script 22 days ago
tracks first 3 years ago
README.md readm 22 days ago
index.html tooltip with track information 19 days ago
README.md

GPX web viewer and toolset

Extremely simple GPX track viewer, meant to be embedded in article webpages. Using leaflet and OpenStreetMap tiles.

Will be adding other tools used mainly on my website fragal.eu to display GPX tracks.

GPX simplify script

Use python to compress a GPX track using gpxpy and the Ramer–Douglas–Peucker algorithm, optionally removing time. Requires pip3 to install the necessary packages in the virtual environment before running the first time:

cd python/
python3 -m venv .
source ./bin/activate
python3 -m pip install -r requirements.txt

Then run with:

cd python/
./gpxsimplify.py -f <filename> -d <max distance in meters, float> -t <optional: remove time points>

up next:

  1. setup a self-hosted tile server: https://github.com/Overv/openstreetmap-tile-server (resource heavy) or https://github.com/consbio/mbtileserver meant for lightweight hosts
  2. display GPX track metadata
  3. upload GPX tracks through HTML from webpage