---
title: Integration
---

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

# { title }

Du kannst **gpx.studio** verwenden, um Karten zu erstellen, die deine GPX-Dateien zeigen und sie in deine Webseite einbinden.

Alles was Sie brauchen:

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-Dateien, die auf Ihrem Server oder Google Drive gehostet werden oder über eine öffentliche URL erreichbar sind.

Sie können dann mit dem Konfigurator unten spielen, um Ihre Karte anzupassen und den entsprechenden HTML-Code zu generieren.

<DocsNote type="warning">

Sie müssen <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" target="_blank">Cross-Origin Resource Sharing (CORS)</a> Header auf Ihrem Server einrichten, um <b>gpx.studio</b> um die GPX-Dateien zu laden.

</DocsNote>

<EmbeddingPlayground />