Add toggle to disable dragging

src/partials/editor.html

@@ -45,6 +45,7 @@ <h5 class="section-heading">Map Visual Options</h5>
     </div>
     <gf-form-switch class="gf-form" label="Show Legend" label-class="width-10" checked="ctrl.panel.showLegend" on-change="ctrl.toggleLegend()"></gf-form-switch>
     <gf-form-switch class="gf-form" label="Mouse Wheel Zoom" label-class="width-10" checked="ctrl.panel.mouseWheelZoom" on-change="ctrl.toggleMouseWheelZoom()"></gf-form-switch>
+    <gf-form-switch class="gf-form" label="Dragging" label-class="width-10" checked="ctrl.panel.dragging" on-change="ctrl.toggleDragging()"></gf-form-switch>
   </div>
   <div class="section gf-form-group">
     <h5 class="section-heading">Map Data Options</h5>

src/worldmap.ts

@@ -45,6 +45,7 @@ export default class WorldMap {
       zoom: parseInt(this.ctrl.panel.initialZoom, 10) || 1,
     });
     this.setMouseWheelZoom();
+    this.setDragging();
 
     const selectedTileServer = tileServers[this.ctrl.tileServer];
     (<any>window).L.tileLayer(selectedTileServer.url, {
@@ -241,6 +242,14 @@ export default class WorldMap {
     }
   }
 
+  setDragging() {
+    if (!this.ctrl.panel.dragging) {
+      this.map.dragging.disable();
+    } else {
+      this.map.dragging.enable();
+    }
+  }
+
   addCircles(circles) {
     return (<any>window).L.layerGroup(circles).addTo(this.map);
   }

src/worldmap_ctrl.ts

@@ -29,6 +29,7 @@ const panelDefaults = {
   unitPlural: "",
   showLegend: true,
   mouseWheelZoom: false,
+  dragging: false,
   esMetric: "Count",
   decimals: 0,
   hideEmpty: false,
@@ -265,6 +266,11 @@ export default class WorldmapCtrl extends MetricsPanelCtrl {
     this.render();
   }
 
+  toggleDragging() {
+    this.map.setDragging();
+    this.render();
+  }
+
   toggleStickyLabels() {
     this.map.clearCircles();
     this.render();