getting-started menu file edit view settings files-and-stats toolbar routing poi scissors time merge extract elevation minify clean map-controls gpx faq

Integration

Du kannst gpx.tours verwenden, um Karten zu erstellen, die deine GPX-Dateien zeigen und sie in deine Webseite einbinden.

Alles was Sie brauchen:

Eine Mapbox Zugriffstoken zum Laden der Karte, und
GPX-Dateien, die auf Ihrem Server oder Google Drive gehostet werden oder über eine öffentliche URL erreichbar sind.

Sie können dann mit dem Konfigurator unten spielen, um Ihre Karte anzupassen und den entsprechenden HTML-Code zu generieren.

Sie müssen Cross-Origin Resource Sharing (CORS) Header auf Ihrem Server einrichten, um gpx.tours um die GPX-Dateien zu laden.

Create your own map

Mapbox access token File URLs (separated by commas) Google Drive file IDs (separated by commas) Basemap

Elevation profile

Height

Fill by

Show controls

Speed

Heart rate

Cadence

Temperature

Power

Distance markers

Direction arrows

Distance units

Metric

Imperial

Nautical

Velocity units

Speed

Pace

Temperature units

Celsius

Fahrenheit

Manual camera

You can move the map below to adjust the camera position.

Latitude 0 Longitude 0 Zoom 0 Bearing 0 Pitch 0

Preview

Open in

Integration code

                
                    <iframe src="https://gpx.tours/embed?options=%7B%22token%22%3A%22YOUR_MAPBOX_TOKEN%22%2C%22files%22%3A%5B%22https%3A%2F%2Fraw.githubusercontent.com%2Fgpxtours%2Fgpx.tours%2Fmain%2Fgpx%2Ftest-data%2Fsimple.gpx%22%5D%7D" width="100%" height="600px" frameborder="0" style="outline: none;"/>