---
title: Integração
---

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

# { title }

Você pode usar **gpx.studio** para criar mapas mostrando os seus arquivos GPX e incorporá-los em seu site.

Tudo que você precisa é:

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. Arquivos GPX hospedados no seu servidor ou no Google Drive, ou acessíveis através de uma URL pública.

Você pode configurar abaixo a aparência do seu mapa e gerar o código HTML correspondente.

<DocsNote type="warning">

Você precisa configurar cabeçalhos <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" target="_blank">Cross-Origin Resource Sharing (CORS)</a> no seu servidor para permitir que <b>gpx.studio</b> carregue seus arquivos GPX.

</DocsNote>

<EmbeddingPlayground />
