mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-09-03 17:12:31 +00:00
30 lines
906 B
Plaintext
30 lines
906 B
Plaintext
|
---
|
||
|
|
title: Integration
|
||
|
|
---
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
||
|
|
import EmbeddingPlayground from '$lib/components/embedding/EmbeddingPlayground.svelte';
|
||
|
|
</script>
|
||
|
|
|
||
|
|
# { title }
|
||
|
|
|
||
|
|
You can use **gpx.studio** to create maps showing your GPX files and embed them in your website.
|
||
|
|
|
||
|
|
All you need is:
|
||
|
|
|
||
|
|
1. A <a href="https://account.mapbox.com/auth/signup" target="_blank">Mapbox access token</a> to load the map, and
|
||
|
|
2. GPX files hosted on your server or a public URL.
|
||
|
|
|
||
|
|
You can then play with the configurator below to customize your map and generate the corresponding HTML code.
|
||
|
|
|
||
|
|
<DocsNote type="warning">
|
||
|
|
|
||
|
|
```
|
||
|
|
You will need to set up <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" target="_blank">Cross-Origin Resource Sharing (CORS)</a> headers on your server to allow <b>gpx.studio</b> to load your GPX files.
|
||
|
|
```
|
||
|
|
|
||
|
|
</DocsNote>
|
||
|
|
|
||
|
|
<EmbeddingPlayground />
|