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

Simple way to Share/Embed GPX Tracks in Leaflet
https://github.com/stefanocudini/share-tracks

embed embedded-map gpx-reader leaflet webmaps

Last synced: about 1 month ago
JSON representation

Simple way to Share/Embed GPX Tracks in Leaflet

• Host: GitHub
• URL: https://github.com/stefanocudini/share-tracks
• Owner: stefanocudini
• Created: 2013-10-16T17:28:23.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2023-07-22T10:23:04.000Z (over 1 year ago)
• Last Synced: 2024-11-01T18:51:35.485Z (about 2 months ago)
• Topics: embed, embedded-map, gpx-reader, leaflet, webmaps
• Language: JavaScript
• Homepage: https://opengeo.tech/maps/share-tracks/
• Size: 225 KB
• Stars: 16
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
SHARE TRACKS

============

What

------

Embed and Share GPX tracks, using Leaflet

Usage

------

1) upload the folder of this project in your server having PHP installed.

2) add new gpx files in `./gpxs/` folder and browse the page `share-tracks/index.html`

3) like the [demo page](https://opengeo.tech/maps/share-tracks/) select the track in *Map Embedder* see below.

Screenshots

------

Map Embedder tool:

![embedded maps](https://raw.github.com/stefanocudini/share-tracks/master/images/embed-map.png)

share page in Mobile device:

![mobile display](https://raw.github.com/stefanocudini/share-tracks/master/images/mobile-map.png)

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:

* [Leaflet](https://github.com/Leaflet/Leaflet)

* [Leaflet.Elevation](https://github.com/MrMufflon/Leaflet.Elevation)

* [Leaflet-GPX](https://github.com/mpetazzoni/leaflet-gpx)

* [Leaflet-plugins](https://github.com/shramov/leaflet-plugins)