From 704d3b2d6bf191454081a0a545b72a4d4d3a2303 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@uclouvain.be>
Date: Thu, 19 Jun 2025 18:26:24 +0200
Subject: [PATCH] New translations integration.mdx (Chinese Traditional, Hong
 Kong)

---
 website/src/lib/docs/zh-HK/integration.mdx | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 website/src/lib/docs/zh-HK/integration.mdx

diff --git a/website/src/lib/docs/zh-HK/integration.mdx b/website/src/lib/docs/zh-HK/integration.mdx
new file mode 100644
index 00000000..a08c54df
--- /dev/null
+++ b/website/src/lib/docs/zh-HK/integration.mdx
@@ -0,0 +1,27 @@
+---
+title: Integration
+---
+
+<script>
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
+    import EmbeddingPlayground from '$lib/components/embedding/EmbeddingPlayground.svelte';
+</script>
+
+# { title }
+
+You can use **gpx.studio** to create maps showing your GPX files and embed them in your website.
+
+All you need is:
+
+1. A <a href="https://account.mapbox.com/auth/signup" target="_blank">Mapbox access token</a> to load the map, and
+2. GPX files hosted on your server or on Google Drive, or accessible via a public URL.
+
+You can then play with the configurator below to customize your map and generate the corresponding HTML code.
+
+<DocsNote type="warning">
+
+You will need to set up <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" target="_blank">Cross-Origin Resource Sharing (CORS)</a> headers on your server to allow <b>gpx.studio</b> to load your GPX files.
+
+</DocsNote>
+
+<EmbeddingPlayground />