Merge pull request #940 from ibi-group/fix-draw-on-drag

Don't Create Location Shape Points on Map Drag

Author: philip-cline

lib/editor/components/map/EditorMap.js

@@ -3,6 +3,7 @@
 import React, {Component} from 'react'
 import {Map, ZoomControl, FeatureGroup, GeoJSON} from 'react-leaflet'
 import {shallowEqual} from 'react-pure-render'
+import L from 'leaflet'
 
 import * as activeActions from '../../actions/active'
 import * as editorActions from '../../actions/editor'
@@ -98,6 +99,15 @@ type State = {
   zoomToTarget: boolean
 }
 
+// From https://github.com/Leaflet/Leaflet.draw/issues/695#issuecomment-281663243
+// Prevents creating a new leaflet draw point on drag
+const originalOnTouch = L.Draw.Polyline.prototype._onTouch
+L.Draw.Polyline.prototype._onTouch = function (e) {
+  if (e.originalEvent.pointerType !== 'mouse') {
+    return originalOnTouch.call(this, e)
+  }
+}
+
 export default class EditorMap extends Component<Props, State> {
   state = {
     width: 200,