From a6da1ff6d9b294f46955da5d5cff30919467fa8b Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期一, 22 二月 2021 12:40:40 +0800
Subject: [PATCH] 修改图层控制

---
 src/components/helpers/ServiceLayerHelper.js |   84 ++++++++++++++++++++++++++++++-----------
 1 files changed, 61 insertions(+), 23 deletions(-)

diff --git a/src/components/helpers/ServiceLayerHelper.js b/src/components/helpers/ServiceLayerHelper.js
index 7175040..2ff5042 100644
--- a/src/components/helpers/ServiceLayerHelper.js
+++ b/src/components/helpers/ServiceLayerHelper.js
@@ -2,21 +2,21 @@
 /**
  * 鍒涘缓鍥惧眰鐩稿叧鐨勭被
  */
-import L from 'leaflet'
 
 class ServiceLayerHelper {
   constructor (options) {
     this.map = options.map
-    this.L = options.L
-    this.tileLayersMap = new Map()
-    this.tileLayersWMSArray = []
-    this.tileLayersWMTSArray = []
-    this.tileLayersTileArray = []
+    this.L = window.L
+    this.loadedLayersMap = new Map()
+    this.tileLayerWmslayerGroup = this.L.layerGroup().addTo(this.map)
+    this.tileLayersWMTSArray = [] // 鍒濆鐨刉MTS闆�
+    this.tileLayersTileArray = [] // 鍒濆鐨凾ile闆�
+    this.tileLayersWMSArray = [] // 鍒濆鐨刉MS闆�
     this.mapConfig = {}
   }
 
   getTileLayer (code) {
-    return this.tileLayersMap.get(code)
+    return this.loadedLayersMap.get(code)
   }
 
   /**
@@ -36,13 +36,25 @@
     console.debug('ServiceLayerHelper鍔犺浇鍙傛暟锛�', mapConfig)
     for (let i = 0, len = mapConfig.mapConfig.ServiceLayers.length; i < len; ++i) {
       const opt = mapConfig.mapConfig.ServiceLayers[i]
+      this.setArray(opt)
       if (opt.type === 'wmts') {
-        this.loadWmtsLayer(opt, isAddToMap, mapConfig.mapConfig.ServiceLayers[i])
+        opt.checked && this.loadWmtsLayer(opt, isAddToMap, mapConfig.mapConfig.ServiceLayers[i])
       } else if (opt.type === 'wms') {
-        this.loadWmsLayer(opt, isAddToMap, mapConfig.mapConfig.ServiceLayers[i])
+        opt.checked && this.loadWmsLayer(opt, isAddToMap, mapConfig.mapConfig.ServiceLayers[i])
       } else if (opt.type === 'tile') {
-        this.loadTileLayer(opt, isAddToMap, mapConfig.mapConfig.ServiceLayers[i])
+        opt.checked && this.loadTileLayer(opt, isAddToMap, mapConfig.mapConfig.ServiceLayers[i])
       }
+    }
+  }
+
+  setArray (opt) {
+    var type = opt.type
+    if (type === 'wmts') {
+      this.tileLayersWMTSArray.push(opt)
+    } else if (type === 'wms') {
+      this.tileLayersWMSArray.push(opt)
+    } else if (type === 'tile') {
+      this.tileLayersTileArray.push(opt)
     }
   }
 
@@ -58,8 +70,7 @@
     if (isAddToMap) {
       layer.addTo(this.map)
     }
-    this.tileLayersMap.set(options.code, layer)
-    this.tileLayersWMTSArray.push(layer)
+    this.loadedLayersMap.set(options.code, layer)
   }
 
   /**
@@ -72,10 +83,9 @@
     layer.config = config
 
     if (isAddToMap) {
-      layer.addTo(this.map)
+      layer.addTo(this.tileLayerWmslayerGroup)
     }
-    this.tileLayersMap.set(options.code, layer)
-    this.tileLayersWMSArray.push(layer)
+    this.loadedLayersMap.set(options.code, layer)
   }
 
   /**
@@ -88,7 +98,7 @@
       layers: options.layers || 'all', // country
       format: options.format || 'image/png',
       transparent: options.true || true,
-      crs: options.crs || L.CRS.EPSG4326,
+      crs: options.crs || this.L.CRS.EPSG4326,
       maxZoom: options.maxZoom || 21,
       minZoom: options.minZoom || 1,
       zoomOffset: options.zoomOffset || 0
@@ -98,8 +108,7 @@
     if (isAddToMap) {
       layer.addTo(this.map)
     }
-    this.tileLayersMap.set(options.code, layer)
-    this.tileLayersTileArray.push(layer)
+    this.loadedLayersMap.set(options.code, layer)
   }
 
   /**
@@ -107,8 +116,8 @@
      * @param {*} name
      */
   hideTileLayer (code) {
-    if (this.tileLayersMap) {
-      const tileLayer = this.tileLayersMap.get(code)
+    if (this.loadedLayersMap) {
+      const tileLayer = this.loadedLayersMap.get(code)
       this.map.removeLayer(tileLayer)
     }
   }
@@ -118,10 +127,32 @@
      * @param {*} name
      */
   showTileLayer (code) {
-    if (this.tileLayersMap) {
-      const tileLayer = this.tileLayersMap.get(code)
+    if (this.loadedLayersMap) {
+      const tileLayer = this.loadedLayersMap.get(code)
       this.map.addLayer(tileLayer)
     }
+  }
+
+  /**
+   * 寰楀埌閫変腑鐨勫浘灞傚垪琛�
+   * @param mapConfig
+   * @returns {[]}
+   */
+  getCheckedLayers (mapConfig) {
+    var checkedLayers = []
+    var serviceLayers = mapConfig.ServiceLayers
+    for (var i = 0; i < serviceLayers.length; i++) {
+      var serviceLayer = serviceLayers[i]
+      var layers = serviceLayer.layers
+      for (var j = 0; j < layers.length; j++) {
+        var layer = layers[j]
+        var checked = layer.checked
+        if (checked) {
+          checkedLayers.push(layer)
+        }
+      }
+    }
+    return checkedLayers
   }
 
   /**
@@ -146,13 +177,20 @@
   }
 
   /**
+   * 鏍规嵁绾跨殑閫夋嫨锛屽緱鍒扮偣鐨勫彲閫夋嫨鍥惧眰鏁版嵁
+   */
+  getFiltersGroup () {
+
+  }
+
+  /**
      * 閫氳繃code鏌ユ壘WMS鐨勬湇鍔￠厤缃�
      * @param {} code wms鏈嶅姟閰嶇疆鐨刢ode
      */
   getWMSConfig (code) {
     const mc = this.mapConfig
     for (let i = 0, len = mc.mapConfig.ServiceLayers.length; i < len; ++i) {
-      if (code == mc.mapConfig.ServiceLayers[i].code && mc.mapConfig.ServiceLayers[i].type === 'wms') {
+      if (code === mc.mapConfig.ServiceLayers[i].code || mc.mapConfig.ServiceLayers[i].type === 'wms') {
         return mc.mapConfig.ServiceLayers[i]
       }
     }

--
Gitblit v1.8.0