feat: add Mapbox GeolocateControl

WelcometoMyGarden · Nov 1, 2023 · 25cd22b · 25cd22b
1 parent f6586c8
commit 25cd22b
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/src/lib/components/Map/Map.svelte b/src/lib/components/Map/Map.svelte
@@ -106,6 +106,31 @@
       map.resize();
     });
 
+    const geolocationControl = new maplibregl.GeolocateControl({
+      trackUserLocation: true,
+      fitBoundsOptions: {
+        // Member: zoom in more
+        ...($user?.superfan
+          ? {
+              // Mapbox default
+              maxZoom: 15
+            }
+          : {
+              maxZoom: nonMemberMaxZoom
+            })
+      },
+      // Member: ask the device for a higher-accuracy location
+      positionOptions: {
+        ...($user?.superfan
+          ? {
+              enableHighAccuracy: true
+            }
+          : {})
+      }
+    });
+
+    map.addControl(geolocationControl);
+
     map.on('load', () => {
       loaded = true;
     });