From 9760171bc3d60cc981c71953bcafec8998fc7622 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期二, 02 三月 2021 17:41:53 +0800
Subject: [PATCH] 修改图层控制

---
 src/components/helpers/ServiceLayerHelper.js |   96 ++++++++++++++++++++++++++++--------------------
 1 files changed, 56 insertions(+), 40 deletions(-)

diff --git a/src/components/helpers/ServiceLayerHelper.js b/src/components/helpers/ServiceLayerHelper.js
index bf9883e..656f362 100644
--- a/src/components/helpers/ServiceLayerHelper.js
+++ b/src/components/helpers/ServiceLayerHelper.js
@@ -17,6 +17,7 @@
     this.geojsonArray = {} // 鍒濆鐨刧eojson闆�
     this.layerConfig = {}
     this.regex = /\{(.+?)\}/g // 鍖归厤{}
+    this.popupComp = null
   }
 
   getTileLayer (code) {
@@ -26,9 +27,11 @@
   /**
      * 鏍规嵁閰嶇疆鏂囦欢鍒濆鍖栦笟鍔″簳鍥�
      */
-  initServiceLayers (layerConfig) {
+  initServiceLayers (layerConfig, popupComp) {
     this.layerConfig = layerConfig
+    this.popupComp = popupComp
     this.loadLayers(layerConfig.mapConfig.Layers.LayerSewersLine)
+    this.loadLayers(layerConfig.mapConfig.Layers.layerSewersPoint)
   }
 
   /**
@@ -40,19 +43,17 @@
     console.debug('ServiceLayerHelper鍔犺浇鍙傛暟锛�', layerConfig)
     for (let i = 0, len = layerConfig.length; i < len; ++i) {
       const opt = layerConfig[i]
-      if (opt.checked) {
-        if (opt.type === 'wmts') {
-          this.loadWmtsLayer(opt, isAddToMap)
-          this.tileLayersWMTSArray.push(opt)
-        } else if (opt.type === 'wms') {
-          this.loadWmsLayer(opt, isAddToMap)
-          this.tileLayersWMSArray.push(opt)
-        } else if (opt.type === 'tile') {
-          this.loadTileLayer(opt, isAddToMap)
-          this.tileLayersTileArray.push(opt)
-        } else if (opt.type === 'geojson') {
-          this.loadGeojsonLayers(opt)
-        }
+      if (opt.type === 'wmts') {
+        this.loadWmtsLayer(opt, isAddToMap)
+        this.tileLayersWMTSArray.push(opt)
+      } else if (opt.type === 'wms') {
+        this.loadWmsLayer(opt, isAddToMap)
+        this.tileLayersWMSArray.push(opt)
+      } else if (opt.type === 'tile') {
+        this.loadTileLayer(opt, isAddToMap)
+        this.tileLayersTileArray.push(opt)
+      } else if (opt.type === 'geojson') {
+        this.loadGeojsonLayers(opt)
       }
     }
   }
@@ -69,30 +70,34 @@
     }
   }
 
-  loadGeojsonLayer (url, layer) {
+  /**
+   * 璇锋眰wfs鏁版嵁
+   * @param url
+   * @param item
+   */
+  loadGeojsonLayer (url, item) {
     var matches = this.regex.exec(url)
-    var matchValue = layer[matches[1]]
-    var code = layer.code
+    var matchValue = item[matches[1]]
+    var code = item.code
     var newUrl = url.replace(this.regex, matchValue)
     var that = this
     if (!that.geojsonArray[code]) {
       AjaxUtils.GetDataAsynByUrl(newUrl, {}, function (res) {
         store.commit('setSewersDatas', res)
-        var layer = that.loadGeojson(res)
+        var layer = that.loadGeojson(res, item)
         that.geojsonArray[code] = layer
       })
     }
   }
 
   /**
-     * 鍔犺浇鐐规暟鎹�
-     * @param res
-     */
-  loadGeojson (res) {
+   * 鍔犺浇gis server杩斿洖鐨刧eoson鏁版嵁鍒板湴鍥句腑灞曠ず
+   * @param res
+   */
+  loadGeojson (res, opt) {
     var that = this
-    const featureGroup = that.L.featureGroup([], {
-      attribution: { id: '123' }
-    }).addTo(that.map)
+    var icon = opt.icon
+    const featureGroup = that.L.featureGroup().addTo(that.map)
     that.L.geoJSON(res.features, {
       style: function (feature) {
         return {
@@ -101,10 +106,9 @@
           fillColor: '#06cccc',
           color: '#06cccc',
           fillOpacity: 0.2,
-          opacity: 0.8
-          // ,
-          // dashArray: '10,4',
-          // dashSpeed: -10
+          opacity: 0.8,
+          dashArray: '10,4',
+          dashSpeed: -10
         }
       },
       pointToLayer: function (geoJsonPoint, latlng) {
@@ -112,15 +116,22 @@
           {
             radius: 20,
             img: {
-              url: 'assets/images/map/marker-icon.png',
+              // url: 'assets/images/map/marker-icon.png',
+              url: '/assets/images/map/' + icon,
               size: [20, 20]
             }
           })
       }
     }).bindPopup(function (layer) {
-      // return layer.feature.properties.linenumber
-    }).addTo(featureGroup)
-    featureGroup.bringToBack()
+      that.popupComp.setDatas(layer)
+      that.popupComp.setShow()
+      return that.popupComp.$el
+    }, {
+      className: 's-map-popup',
+      minWidth: 300,
+      closeButton: false,
+      autoClose: false
+    }).addTo(featureGroup).bringToFront()
     return featureGroup
   }
 
@@ -141,11 +152,13 @@
   loadWmtsLayer (options, isAddToMap = true) {
     const layer = this.L.tileLayer(options.url, options.option)
     layer.config = options
-
-    if (isAddToMap) {
-      layer.addTo(this.map)
+    var checked = options.checked
+    if (checked) {
+      if (isAddToMap) {
+        layer.addTo(this.map)
+      }
+      this.loadedLayersMap.set(options.code, layer)
     }
-    this.loadedLayersMap.set(options.code, layer)
   }
 
   /**
@@ -157,10 +170,13 @@
     const layer = this.L.tileLayer.wms(options.url, options.option)
     layer.config = options
 
-    if (isAddToMap) {
-      layer.addTo(this.tileLayerWmslayerGroup)
+    var checked = options.checked
+    if (checked) {
+      if (isAddToMap) {
+        layer.addTo(this.tileLayerWmslayerGroup)
+      }
+      this.loadedLayersMap.set(options.code, layer)
     }
-    this.loadedLayersMap.set(options.code, layer)
   }
 
   /**

--
Gitblit v1.8.0