Parcourir la source

fix: 返回时叠加多图层的问题

刘秀芳 il y a 2 semaines
Parent
commit
14506ceaea
2 fichiers modifiés avec 3 ajouts et 10 suppressions
  1. 2 1
      src/views/warningHome/index.vue
  2. 1 9
      src/views/warningHome/map/alarmLayer.js

+ 2 - 1
src/views/warningHome/index.vue

@@ -220,7 +220,8 @@ onMounted(() => {
 });
 
 onUnmounted(() => {
-    alarmLayer.removeAllLayers()
+    eventBus.off("alarmList:changeMapLayer")
+    // alarmLayer.removeAllLayers()
     // warningMap.destroyMap()
 })
 

+ 1 - 9
src/views/warningHome/map/alarmLayer.js

@@ -34,7 +34,7 @@ class AlarmLayer {
         })
 
         // 预警底图
-        eventBus.on("alarmList:changeMapLayer", function ({url, type,name}) {
+        eventBus.on("alarmList:changeMapLayer",({url, type,name}) => {
             that.plantLayer && that.kmap.map.removeLayer(that.plantLayer.layer)
             that.nameStr = name
             console.log('sdadas',url);
@@ -186,14 +186,6 @@ class AlarmLayer {
             this.kmap.map.getView().setCenter([113.6805952006568, 23.60747406160339])
         }
     }
-
-    // 销毁地图图层
-    removeAllLayers() {
-        this.warningLayer && this.kmap.map.removeLayer(this.warningLayer.layer)
-        this.plantLayer && this.kmap.map.removeLayer(this.plantLayer.layer)
-        this.warningLayer = null
-        this.plantLayer = null
-    }
 }
 
 export default AlarmLayer;