From e0d6b00a668520019db32223af1c2f5249bfebc0 Mon Sep 17 00:00:00 2001
From: "Phyks (Lucas Verney)" <phyks@phyks.me>
Date: Mon, 2 Jul 2018 19:53:11 +0200
Subject: [PATCH] Fix a bug with Chrome on Android not firing mousedown/up
 events

---
 src/components/Map.vue | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/components/Map.vue b/src/components/Map.vue
index 7ce6c8c..20388f1 100644
--- a/src/components/Map.vue
+++ b/src/components/Map.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="fill-height fill-width">
-        <v-lmap ref="map" :minZoom="this.minZoom" :maxZoom="this.maxZoom" :options="{ zoomControl: false }" @click="handleClick" @mousedown="onMouseDown" @mouseup="onMouseUp" @movestart="onMoveStart" @zoomstart="onZoomStart">
+        <v-lmap ref="map" :minZoom="this.minZoom" :maxZoom="this.maxZoom" :options="{ zoomControl: false }" @click="handleClick" @movestart="onMoveStart" @zoomstart="onZoomStart">
             <v-ltilelayer :url="tileServer" :attribution="attribution"></v-ltilelayer>
 
             <v-lts v-if="heading" :lat-lng="positionLatLng" :options="markerOptions"></v-lts>
@@ -79,6 +79,10 @@ export default {
             this.isProgrammaticZoom = true;
             this.map.once('zoomend', () => { this.isProgrammaticZoom = false; });
         }
+        if (this.map.getCenter() !== this.positionLatLng) {
+            this.isProgrammaticMove = true;
+            this.map.once('moveend', () => { this.isProgrammaticMove = false; });
+        }
         this.map.setView(this.positionLatLng, this.zoom);
         this.showCompass();
     },
@@ -88,6 +92,10 @@ export default {
                 this.isProgrammaticZoom = true;
                 this.map.once('zoomend', () => { this.isProgrammaticZoom = false; });
             }
+            if (this.map.getCenter() !== this.positionLatLng) {
+                this.isProgrammaticMove = true;
+                this.map.once('moveend', () => { this.isProgrammaticMove = false; });
+            }
             this.map.setView(this.positionLatLng, this.zoom);
         }
     },
@@ -101,6 +109,7 @@ export default {
             tileServer: constants.TILE_SERVER,
             isMouseDown: false,
             isProgrammaticZoom: false,
+            isProgrammaticMove: false,
             recenterButton: null,
             map: null,
         };
@@ -111,14 +120,8 @@ export default {
                 this.onPress(event.latlng);
             }
         },
-        onMouseDown() {
-            this.isMouseDown = true;
-        },
-        onMouseUp() {
-            this.isMouseDown = false;
-        },
         onMoveStart() {
-            if (this.isMouseDown && !this.recenterButton) {
+            if (!this.isProgrammaticMove) {
                 this.showRecenterButton();
             }
         },
@@ -163,6 +166,10 @@ export default {
                 this.isProgrammaticZoom = true;
                 this.map.once('zoomend', () => { this.isProgrammaticZoom = false; });
             }
+            if (this.map.getCenter() !== this.positionLatLng) {
+                this.isProgrammaticMove = true;
+                this.map.once('moveend', () => { this.isProgrammaticMove = false; });
+            }
             this.map.setView(this.positionLatLng, this.zoom);
         },
     },