---
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
1. 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 />
