Add workaround for map panning bug (#1171)

Author: gjmooney

python/jupyter_leaflet/src/controls/MeasureControl.ts

@@ -5,6 +5,22 @@
 import L from '../leaflet';
 import * as control from './Control';
 
+// Workaround for map panning bug
+// from https://github.com/ljagis/leaflet-measure/issues/171#issuecomment-1137483548
+L.Control.Measure.include({
+  // set icon on the capture marker
+  _setCaptureMarkerIcon: function () {
+    // disable autopan
+    this._captureMarker.options.autoPanOnFocus = false;
+
+    // default function
+    this._captureMarker.setIcon(
+      L.divIcon({
+        iconSize: this._map.getSize().multiplyBy(2),
+      })
+    );
+  },
+});
 export class LeafletMeasureControlModel extends control.LeafletControlModel {
   defaults() {
     return {
@@ -37,7 +53,6 @@ export class LeafletMeasureControlView extends control.LeafletControlView {
   }
 
   create_obj() {
-    //@ts-ignore
     this.obj = L.control.measure(this.get_options());
     this.default_units = L.extend({}, this.obj.options.units);
   }

python/jupyter_leaflet/src/definitions/leaflet-extend.d.ts

@@ -138,9 +138,17 @@ declare module 'leaflet' {
       constructor(options?: LegendOptions);
       options: LegendOptions;
     }
+
+    interface MeasureOptions extends ControlOptions {}
+    class Measure extends Control {
+      constructor(options?: MeasureOptions);
+      options: MeasureOptions;
+      _setCaptureMarkerIcon: () => void;
+    }
   }
 
   declare namespace control {
     function legend(options?: Control.LegendOptions): Control.Legend;
+    function measure(options?: Control.MeasureOptions): Control.Measure;
   }
 }