Published map example

foursquare · Sep 29, 2023 · 10be114 · 10be114
1 parent 3af0fb6
commit 10be114
Showing 1 changed file with 28 additions and 0 deletions.
diff --git a/map-sdk/published-map-example/index.html b/map-sdk/published-map-example/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Published map example / Map SDK</title>
+    <style>
+      body { margin: 0; padding: 0; }
+      #map-container { width: 100vw; height: 100vh; overflow: hidden; }
+    </style>
+  </head>
+  <body>
+    <div id="map-container"></div>
+
+    <script type="module">
+      import {createMap} from 'https://unpkg.com/@unfolded/map-sdk@latest/dist/index.js';
+
+      const map = await createMap({
+        container: document.getElementById('map-container'),
+        // this loads a published map
+        // (original url: https://studio.foursquare.com/public/806b95d0-36bb-402c-b16c-24e54af4a761)
+        initialState: {
+          publishedMapId: '806b95d0-36bb-402c-b16c-24e54af4a761'
+        }
+      });
+    </script>
+  </body>
+</html>