[Vega] [Map] disable map rotation using right right click / touch rot…

…ation gesture (elastic#91996) Co-authored-by: Kibana Machine <[email protected]>
Kerry350 · Feb 22, 2021 · 5fa9370 · 5fa9370
1 parent bdfa969
commit 5fa9370
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/plugins/vis_type_vega/public/vega_view/vega_map_view/view.test.ts b/src/plugins/vis_type_vega/public/vega_view/vega_map_view/view.test.ts
@@ -42,6 +42,12 @@ jest.mock('mapbox-gl', () => ({
     getZoom: () => 3,
     addControl: jest.fn(),
     addLayer: jest.fn(),
+    dragRotate: {
+      disable: jest.fn(),
+    },
+    touchZoomRotate: {
+      disableRotation: jest.fn(),
+    },
   })),
   MapboxOptions: jest.fn(),
   NavigationControl: jest.fn(),

diff --git a/src/plugins/vis_type_vega/public/vega_view/vega_map_view/view.ts b/src/plugins/vis_type_vega/public/vega_view/vega_map_view/view.ts
@@ -144,6 +144,12 @@ export class VegaMapView extends VegaBaseView {
     if (this.shouldShowZoomControl) {
       mapBoxInstance.addControl(new NavigationControl({ showCompass: false }), 'top-left');
     }
+
+    // disable map rotation using right click + drag
+    mapBoxInstance.dragRotate.disable();
+
+    // disable map rotation using touch rotation gesture
+    mapBoxInstance.touchZoomRotate.disableRotation();
   }
 
   private initLayers(mapBoxInstance: Map, vegaView: View) {