---
title: 集成
---

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

# { title }

支持使用 **gpx.studio** 创建地图以展示个人 GPX 文件，并将其嵌入个人网站中。

只需：

1. 将 GPX 文件存放在个人服务器或谷歌云盘上，或提供公开访问链接；
2. _备选项：_ 通过 <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> 以加载 MapTiler 地图。

然后，使用下面的配置器来自定义地图并生成相应的 HTML 代码。

<DocsNote type="warning">

须先在个人服务器上设置 <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" target="_blank">跨源资源共享 (CORS)</a> 标头，以允许 <b>gpx.studio</b> 加载相关 GPX 文件。

</DocsNote>

<EmbeddingPlayground />
