diff --git a/website/src/lib/components/embedding/EmbeddingPlayground.svelte b/website/src/lib/components/embedding/EmbeddingPlayground.svelte
index 12dc83c9..b88071a0 100644
--- a/website/src/lib/components/embedding/EmbeddingPlayground.svelte
+++ b/website/src/lib/components/embedding/EmbeddingPlayground.svelte
@@ -19,7 +19,8 @@
import {
allowedEmbeddingBasemaps,
getCleanedEmbeddingOptions,
- getDefaultEmbeddingOptions
+ getDefaultEmbeddingOptions,
+ getURLForGoogleDriveFile
} from './Embedding';
import { PUBLIC_MAPBOX_TOKEN } from '$env/static/public';
import Embedding from './Embedding.svelte';
@@ -34,9 +35,13 @@
];
let files = options.files[0];
- $: if (files) {
+ let driveIds = '';
+ $: if (files && driveIds) {
let urls = files.split(',');
urls = urls.filter((url) => url.length > 0);
+ let ids = driveIds.split(',');
+ ids = ids.filter((id) => id.length > 0);
+ urls.push(...ids.map(getURLForGoogleDriveFile));
if (JSON.stringify(urls) !== JSON.stringify(options.files)) {
options.files = urls;
}
@@ -94,6 +99,8 @@
+
+
Mapbox access token to load the map, and
-1. GPX files hosted on your server or a public URL.
+1. 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.
diff --git a/website/src/locales/en.json b/website/src/locales/en.json
index 0bb3aac5..b1717ba8 100644
--- a/website/src/locales/en.json
+++ b/website/src/locales/en.json
@@ -453,6 +453,7 @@
"title": "Create your own map",
"mapbox_token": "Mapbox access token",
"file_urls": "File URLs (separated by commas)",
+ "drive_ids": "Google Drive file IDs (separated by commas)",
"basemap": "Basemap",
"height": "Height",
"fill_by": "Fill by",