---
title: 연동
---

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

# { title }

**gpx.studio**를 사용해 GPX 파일을 보여주는 지도를 만들고 웹사이트에 삽입할 수 있습니다.

필요한 것은 다음과 같습니다:
1. 서버나 Google Drive에 올려두었거나 공개 URL로 접근 가능한 GPX 파일
1. *선택 사항:* MapTiler 지도를 불러오기 위한 <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler 키</a>

아래 설정 도구를 이용해 지도를 원하는 대로 꾸미고 그에 맞는 HTML 코드를 생성할 수 있습니다.

<DocsNote type="warning">

**gpx.studio**가 GPX 파일을 불러올 수 있도록 서버에 <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" target="_blank">CORS(Cross-Origin Resource Sharing)</a> 헤더를 설정해야 합니다.
    
</DocsNote>

<EmbeddingPlayground />