fix: moving marker on mobile with touch event

GIScience · Jul 28, 2021 · d7bb23a · d7bb23a
1 parent 609ad07
commit d7bb23a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/fragments/map-view/components/map-view-markers/map-view-markers.js b/src/fragments/map-view/components/map-view-markers/map-view-markers.js
@@ -3,8 +3,8 @@ import constants from '@/resources/constants'
 import {LMarker, LPopup } from 'vue2-leaflet'
 import appConfig from '@/config/app-config'
 
-import "leaflet.markercluster/dist/MarkerCluster.css";
-import "leaflet.markercluster/dist/MarkerCluster.Default.css";
+import 'leaflet.markercluster/dist/MarkerCluster.css';
+import 'leaflet.markercluster/dist/MarkerCluster.Default.css';
 
 export default {
   props: {
@@ -76,7 +76,7 @@ export default {
       return isDraggable
     },
 
-     /**
+    /**
      * Show the marker popup
      */
     showMarkerPopup () {

diff --git a/src/fragments/map-view/map-view.js b/src/fragments/map-view/map-view.js
@@ -898,10 +898,10 @@ export default {
      * @param {*} event
      */
     markerMoved (event) {
-      // only marker changes that are a result of user interaction are treated here.
+      // Only marker changes that are a result of user interaction are treated here.
       // With vue2-leaflet version 2.5.2 the event.originalEvent is not  an instance of
       // window.PointerEvent anymore and use parent window.MouseEvent instead
-      if (event.originalEvent instanceof window.MouseEvent) {
+      if (event.originalEvent instanceof window.MouseEvent || event.originalEvent instanceof window.TouchEvent) {
         clearTimeout(this.markerMoveTimeoutId)
         this.markerMoveTimeoutId = setTimeout(() => {
           this.markerDragEnd(event)