---
title: Intégration
---

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

# { title }

Vous pouvez utiliser **gpx.studio** pour créer des cartes affichant vos fichiers GPX et les intégrer à votre site web.

Tout ce dont vous avez besoin est :

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. Un ou plusieurs fichiers GPX hébergés sur votre serveur ou sur Google Drive, ou accessibles via une URL publique.

Vous pouvez ensuite jouer avec le configurateur ci-dessous pour personnaliser votre carte et générer le code HTML correspondant.

<DocsNote type="warning">

Vous devrez configurer les headers <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" target="_blank">Cross-Origin Resource Sharing (CORS)</a> sur votre serveur de manière à autoriser <b>gpx.studio</b> à charger vos fichiers GPX.

</DocsNote>

<EmbeddingPlayground />
