reame + fmt

fdq09eca · Nov 16, 2023 · 07e3ba1 · 07e3ba1
1 parent a4c6441
commit 07e3ba1
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 14 deletions.
diff --git a/demo/src/App.vue b/demo/src/App.vue
@@ -15,7 +15,7 @@ export default {
   components: {
     Map,
   },
-  
+
   methods: {
     addMap() {
       useMapStore().createMapComponent(this.$el);
@@ -62,7 +62,7 @@ button {
   opacity: 0.5;
 }
 
-button:hover{
+button:hover {
   opacity: 1;
 }
 
@@ -72,13 +72,9 @@ button:hover{
   font-weight: bold;
 }
 
-
-
 #add-map-btn {
   background-color: blue;
   color: white;
   font-weight: bold;
 }
-
-
 </style>
diff --git a/demo/src/stores/MapStore.js b/demo/src/stores/MapStore.js
@@ -48,15 +48,15 @@ export const useMapStore = defineStore("mapStore", {
         (event) => {
           const dragState = event.action;
           if (dragState === "update") {
-            this.syncMaps(mapObj);
+            this.sync_mapObjects(mapObj);
           }
         }
       );
 
       reactiveUtils.watch(
         () => view.zoom,
         (zoom) => {
-          this.syncMaps(mapObj);
+          this.sync_mapObjects(mapObj);
         }
       );
 
@@ -78,19 +78,22 @@ export const useMapStore = defineStore("mapStore", {
       } else {
         mapObj = this.get_mapObject(id);
       }
-
+      
       this.mapObjects = this.mapObjects.filter((mo) => mo !== mapObj);
+
       mapObj?.view.container.remove();
       mapObj?.view.destroy();
       mapObj?.map.destroy();
     },
 
-    syncMaps(targetMapObj) {
+    sync_mapObjects(src) {
       this.mapObjects
-        .filter((mo) => mo !== targetMapObj)
-        .forEach((mo) => {
-          mo.view.extent = targetMapObj.view.extent;
-          mo.view.zoom = targetMapObj.view.zoom;
+        .filter((dst) => dst !== src)
+        .forEach((dst) => {
+          dst.view.extent = src.view.extent;
+          dst.view.zoom = src.view.zoom;
+          dst.view.scale = src.view.scale;
+          dst.view.rotation = src.view.rotation;
         });
     },
   },