---
title: Интеграция
---

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

# { title }

Вы можете использовать **gpx.studio** для создания карт, отображающих ваши GPX-файлы, и встроить их на ваш сайт.

Все, что вам нужно это:

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 файлы, размещенные на вашем сервере или на Google Drive, или доступны по URL.

Затем вы можете поиграть с конфигуратором ниже, чтобы настроить свою карту и сгенерировать соответствующий HTML-код.

<DocsNote type="warning">

Вам потребуется настроить <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" target="_blank">заголовки CORS (Cross-Origin Resource Sharing)</a> на вашем сервере, чтобы разрешить <b>gpx.studio</b> загружать ваши GPX-файлы.

</DocsNote>

<EmbeddingPlayground />
