share-tracks

Share and Embedding GPX tracks online

Usage no npm install needed!

<script type="module">
  import shareTracks from 'https://cdn.skypack.dev/share-tracks';
</script>

README

SHARE TRACKS

What

Embed and Share GPX tracks, using Leaflet

Tested in Leaflet 0.6.4

Screenshots

mobile display

embedded maps

Features

  • mobile compatible
  • centering map on track in one click
  • share map url
  • automatic elevation chart
  • download gpx file in one click
  • select base map between many different layers
  • embedding map to third-party web sites

TODO

  • modular structure extensible with plugins leaflet
  • improve embedding system
  • customize menu with JSON param

Where

Source code:

https://github.com/stefanocudini/share-tracks

Demo:

https://opengeo.tech/maps/share-tracks/

https://www.ammappalitalia.it/

Included Libraries

Writing this web app would be much harder it it weren't for those libraries: