From 3c8d1ccc151e7ac4e16b4116cf7452039afcf051 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期五, 05 三月 2021 15:48:34 +0800
Subject: [PATCH] 修改图层控制

---
 src/components/helpers/ServiceLayerHelper.js |   42 ++++++++++++++++-----
 src/store/modules/map.js                     |   19 ++++++++-
 2 files changed, 48 insertions(+), 13 deletions(-)

diff --git a/src/components/helpers/ServiceLayerHelper.js b/src/components/helpers/ServiceLayerHelper.js
index d0c1599..490b7ea 100644
--- a/src/components/helpers/ServiceLayerHelper.js
+++ b/src/components/helpers/ServiceLayerHelper.js
@@ -15,7 +15,7 @@
     this.tileLayersWMTSArray = [] // 鍒濆鐨刉MTS闆�
     this.tileLayersTileArray = [] // 鍒濆鐨凾ile闆�
     this.tileLayersWMSArray = [] // 鍒濆鐨刉MS闆�
-    this.geojsonArray = {} // 鍒濆鐨刧eojson闆�
+    this.layerArray = {} // key涓洪厤缃殑code锛屽姞杞界殑鍥惧眰瀵硅薄锛�
     this.layerConfig = {}
     this.regex = /\{(.+?)\}/g // 鍖归厤{}
     this.popupComp = null
@@ -25,14 +25,40 @@
     return this.loadedLayersMap.get(code)
   }
 
+  initDisplayZoom (layerConfig) {
+    var that = this
+    that.map.on('zoomend ', function (e) {
+      const zoom = that.map.getZoom()
+      for (var i = 0, l = layerConfig.length; i < l; i++) {
+        var config = layerConfig[i]
+        var layers = config.layers
+        for (var j = 0; j < layers.length; j++) {
+          var layer = layers[j]
+          if (layer.zoom) {
+            if (zoom > layer.zoom) {
+              var layerObj = that.layerArray[layer.code]
+              layerObj.addTo(that.map)
+            } else {
+              that.removeLayer(layer)
+            }
+          }
+        }
+      }
+    })
+  }
+
   /**
      * 鏍规嵁閰嶇疆鏂囦欢鍒濆鍖栦笟鍔″簳鍥�
      */
   initServiceLayers (layerConfig, popupComp) {
     this.layerConfig = layerConfig
     this.popupComp = popupComp
+    store.commit('clearSewersDatas')
+    store.commit('clearSewersLayers')
     this.loadLayers(layerConfig.mapConfig.Layers.LayerSewersLine)
     this.loadLayers(layerConfig.mapConfig.Layers.layerSewersPoint)
+    this.initDisplayZoom(layerConfig.mapConfig.Layers.LayerSewersLine)
+    this.initDisplayZoom(layerConfig.mapConfig.Layers.layerSewersPoint)
   }
 
   /**
@@ -82,11 +108,11 @@
     var code = item.code
     var newUrl = url.replace(this.regex, matchValue)
     var that = this
-    if (!that.geojsonArray[code]) {
+    if (!that.layerArray[code]) {
       AjaxUtils.GetDataAsynByUrl(newUrl, {}, function (res) {
-        store.commit('setSewersDatas', res)
+        store.commit('addSewersDatas', res)
         var layer = that.loadGeojson(res, item)
-        that.geojsonArray[code] = layer
+        that.layerArray[code] = layer
       })
     }
   }
@@ -172,6 +198,7 @@
           })
         }
       }).addTo(featureGroup)
+    store.commit('addSewersDatas', geojson)
     if (Object.prototype.hasOwnProperty.call(res, 'features') && res.features.length > 0 && (res.features[0].geometry.type === 'LineString' || res.features[0].geometry.type === 'MultiLineString')) {
       geojson.bringToBack()
     } else {
@@ -181,12 +208,7 @@
   }
 
   removeLayer (item) {
-    var code = item.code
-    var layer = this.geojsonArray[code]
-    if (layer) {
-      this.map.removeLayer(layer)
-      delete this.geojsonArray[code]
-    }
+    this.map.removeLayer(this.layerArray[item.code])
   }
 
   /**
diff --git a/src/store/modules/map.js b/src/store/modules/map.js
index 341fb4b..83023b9 100644
--- a/src/store/modules/map.js
+++ b/src/store/modules/map.js
@@ -14,7 +14,11 @@
   selectedServiceLayer: '', // 浣跨敤杩囨护鍣ㄦ椂锛岃鎵撳紑鐨刉MS鏈嶅姟鐨凜ODE
   serviceLayerFilters: {}, // 鏈嶅姟鍥惧眰鎺у埗杩囨护閰嶇疆
   checkedLayers: {}, // 閫変腑鍥惧眰瀵硅薄
-  // 鍥惧眰鏁版嵁
+  // 鍥惧眰鏁版嵁,鍥惧眰瀵硅薄
+  layers: {
+    sewers: []
+  },
+  // 鍘熷鍚庡彴JSON鏁版嵁
   datas: {
     sewers: []
   },
@@ -30,8 +34,17 @@
     state.map = map
   },
   // 璁剧疆姹￠洦姘村浘灞傛暟鎹�
-  setSewersDatas (state, sewersDatas) {
-    state.datas.sewers = sewersDatas
+  addSewersLayers (state, sewersLayers) {
+    state.layers.sewers.push(sewersLayers)
+  },
+  clearSewersLayers (state, SewersLayers) {
+    state.layers.sewers = []
+  },
+  addSewersDatas (state, sewersDatas) {
+    state.datas.sewers.push(sewersDatas)
+  },
+  clearSewersDatas (state, sewersDatas) {
+    state.datas.sewers = []
   },
   setBasemapHelper (state, layerHelper) {
     state.basemapHelper = layerHelper

--
Gitblit v1.8.0