---
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. A <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load the map, and
2. GPX-bestanden gehost op uw server of op Google Drive, of toegankelijk via een openbare URL.

Je 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 />
