Disable double click, pitch and rotate on the mapObject itself

Deltares · Apr 22, 2024 · 5a0d4b5 · 5a0d4b5
1 parent f928967
commit 5a0d4b5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/map/MapComponent.vue b/src/components/map/MapComponent.vue
@@ -7,6 +7,11 @@
     :scroll-zoom="true"
     :transform-request="transformRequest"
     :mapStyle="baseLayerStyle"
+    :doubleClickZoom="false"
+    :pitchWithRotate="false"
+    :dragRotate="false"
+    :touchZoomRotate="false"
+    :touchPitch="false"
   >
     <slot></slot>
   </mgl-map>

diff --git a/src/components/wms/AnimatedRasterLayer.vue b/src/components/wms/AnimatedRasterLayer.vue
@@ -91,13 +91,7 @@ function onEndLoading(): void {
 }
 
 function addHooksToMapObject() {
-  map?.once('load', () => {
-    onLayerChange()
-
-    map.dragRotate.disable()
-    map.touchZoomRotate.disableRotation()
-    map.doubleClickZoom.disable()
-  })
+  map?.on('load', onLayerChange)
   map?.on('moveend', onMapMove)
   map?.on('sourcedata', onDataChange)
   map?.on('dblclick', onDoubleClick)
@@ -106,6 +100,7 @@ function addHooksToMapObject() {
 }
 
 function removeHooksFromMapObject(): void {
+  map?.off('load', onLayerChange)
   map?.off('moveend', onMapMove)
   map?.off('sourcedata', onDataChange)
   map?.off('dblclick', onDoubleClick)