feat: disable rotate & pitch on the map on touch & desktop

WelcometoMyGarden · Jun 10, 2024 · 42cefcf · 42cefcf
1 parent 84f8a81
commit 42cefcf
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/lib/components/Map/Map.svelte b/src/lib/components/Map/Map.svelte
@@ -112,9 +112,14 @@
       /** https://docs.mapbox.com/mapbox-gl-js/api/map/#map-parameters */
       maxZoom: $user?.superfan ? memberMaxZoom : nonMemberMaxZoom,
       attributionControl: false,
-      hash: false // TODO: discuss if we want this or not,
+      hash: false, // TODO: discuss if we want this or not,
+      // Disable rotating and changing pitch (tilt) on mobile & desktop
+      dragRotate: false,
+      touchPitch: false
     });
 
+    map.touchZoomRotate.disableRotation();
+
     map.addControl(
       new maplibregl.NavigationControl({ showCompass: false, showZoom: true }),
       'top-left'