---
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. GPX-Dateien, die auf deinem Server oder auf Google Drive gehostet werden oder über eine öffentliche URL zugänglich sind;
2. _Optional:_ ein <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler-Schlüssel</a>, um MapTiler-Karten zu laden.

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