---
title: Integratie
---

<script>
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
    import EmbeddingPlayground from '$lib/components/embedding/EmbeddingPlayground.svelte';
</script>

# { title }

Je kunt **gpx.studio** gebruiken om kaarten te maken die je GPX bestanden laten zien en deze insluiten op je website.

Alles wat je nodig hebt is:

1. Een <a href="https://account.mapbox.com/auth/signup" target="_blank">Mapbox access token</a> om de kaart te laden, en
2. GPX-bestanden gehost op uw server of op Google Drive, of toegankelijk via een openbare URL.

U kunt dan met de onderstaande configurator spelen om de kaart aan te passen en de corresponderende HTML-code te genereren.

<DocsNote type="warning">

Om je GPX bestanden te laden, moet je <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" target="_blank">Cross-Origin Resource Sharing (CORS)</a> headers op je server instellen om <b>gpx.studio</b> toe te staan.

</DocsNote>

<EmbeddingPlayground />
