stadiamaps
diff --git a/‎examples/local-test.html‎
Lines changed: 34 additions & 0 deletions b/‎examples/local-test.html‎
Lines changed: 34 additions & 0 deletions
@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Basic MapLibre Search</title>
+    <script src="https://unpkg.com/[email protected]/dist/maplibre-gl.js"></script>
+    <link
+      href="https://unpkg.com/[email protected]/dist/maplibre-gl.css"
+      rel="stylesheet"
+    />
+    <script src="../dist/maplibre-search-box.umd.js"></script>
+    <link href="../dist/maplibre-search-box.css" rel="stylesheet" />
+  </head>
+  <body style="margin: 0; padding: 0">
+    <div id="map" style="height: 100vh; width: 100vw"></div>
+    <script type="application/javascript">
+      var control = new maplibreSearchBox.MapLibreSearchControl({
+        useMapFocusPoint: true,
+        onResultSelected: feature => {
+          // You can add code here to take some action when a result is selected.
+          console.log(feature.geometry.coordinates);
+        },
+      });
+      var map = new maplibregl.Map({
+        container: "map",
+        style: "https://tiles.stadiamaps.com/styles/alidade_smooth.json", // stylesheet location
+        center: [-74.5, 40], // starting position [lng, lat]
+        zoom: 2, // starting zoom
+      });
+      map.addControl(control, "top-left");
+    </script>
+  </body>
+</html>