更新地图

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue

@@ -166,7 +166,14 @@ export default {
     isGisCompleted: {
       async handler(bool) {
         if (!bool) return;
-        await Promise.allSettled((this.tabContentData || []).map(item => this.handleDeviceImmediate(item, true)))
+        const list = await Promise.allSettled((this.tabContentData || []))
+        function sleep(time){
+          return new Promise((resolve) => setTimeout(resolve, time));
+        }
+        for(let item of list) {
+          this.handleDeviceImmediate(item, true)
+          await sleep(500)
+        }
         // Object.keys(lngLatMap).forEach(key => {
           // addInGraphHandle(lngLatMap[key]);
         // });

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js

@@ -135,8 +135,8 @@ export class MarkerCluster {
     Vue.prototype.mapIns.removeLayerByName(id);
   }
 
-  removeData(_id, data) {
+  removeData(_id, _data) {
-    data.forEach((item, index) => {
+    _data.forEach((item, index) => {
       const findIndex = this.data.findIndex(
         (removeData) => removeData === item
       );
@@ -163,11 +163,15 @@ export class MarkerCluster {
       }
       if (findIndex > -1) this.data.splice(findIndex, 1);
     });
+    console.log('remove',_id,_data)
     Vue.prototype.mapIns.removeLayerByName(_id);
-    const self = this;
+    if(_data && Array.isArray(_data) && _data.length > 0){
-    setTimeout(() => {
+      const self = this;
-      self.refreshLayer(_id, _data);  
+      setTimeout(() => {
-    }, 500);
+        self.refreshLayer(_id, _data);  
+      }, 500);
+    }
+    
   }
 
   clear() {