From bc362af618801fb0385ca27cd5e9848c40ea507c Mon Sep 17 00:00:00 2001
From: Logan Williams <logan@bellingcat.com>
Date: Wed, 3 May 2023 10:07:44 +0200
Subject: [PATCH] Sync zoom changes from map with store

---
 frontend/src/components/SearchControls.vue | 10 ++++++++--
 frontend/src/store/index.js                |  6 ++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/SearchControls.vue b/frontend/src/components/SearchControls.vue
index 2a9362f..42a9bbb 100644
--- a/frontend/src/components/SearchControls.vue
+++ b/frontend/src/components/SearchControls.vue
@@ -32,8 +32,8 @@
       <v-card style="width: 100%">
         <v-card-title>Search area</v-card-title>
         <l-map
-          :zoom="zoom"
-          :center="center"
+          :zoom.sync="zoom"
+          :center.sync="center"
           style="width: 100%; height: 600px"
           ref="map"
           :noBlockingAnimations="true"
@@ -135,11 +135,17 @@ export default {
       get() {
         return this.$store.state.mapCenter;
       },
+      set(val) {
+        this.$store.commit("setCenter", val);
+      },
     },
     zoom: {
       get() {
         return this.$store.state.mapZoom;
       },
+      set(val) {
+        this.$store.commit("setZoom", val);
+      },
     },
     url() {
       if (this.$store.state.mode == "google") {
diff --git a/frontend/src/store/index.js b/frontend/src/store/index.js
index 1558391..0f02a99 100644
--- a/frontend/src/store/index.js
+++ b/frontend/src/store/index.js
@@ -87,6 +87,12 @@ export default new Vuex.Store({
       state.mapCenter = center;
       state.mapZoom = zoom;
     },
+    setZoom(state, zoom) {
+      state.mapZoom = zoom;
+    },
+    setCenter(state, center) {
+      state.mapCenter = center;
+    },
     setResponseTime(state, t) {
       state.responseTime = t;
     },