From 62b3853762b4f3a802d77bab73a6af38bbd2fe1f Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期二, 20 四月 2021 12:27:23 +0800
Subject: [PATCH] 图层控制BUG
---
src/components/LayerController/service/LayerFactory.js | 209 +++++++++++++++++++++++++++-------------------------
1 files changed, 109 insertions(+), 100 deletions(-)
diff --git a/src/components/LayerController/service/LayerFactory.js b/src/components/LayerController/service/LayerFactory.js
index ae561e5..adb3d9f 100644
--- a/src/components/LayerController/service/LayerFactory.js
+++ b/src/components/LayerController/service/LayerFactory.js
@@ -1,12 +1,13 @@
import WfsLayerService from './WfsLayerService'
-import BusiLayerService from './BusiLayerService'
import WmsLayerService from './WmsLayerService'
-
+import { clone } from '../../../utils/utils'
+import { logicMapper } from '../../../conf/Constants'
class LayerFactory {
constructor (options) {
this.L = options.L
this.map = window.map
this.layers = {}
+ this.layersLogic = {}
}
init (layerConfig) {
@@ -16,20 +17,80 @@
var config = layerConfig[i]
var layers = config.layers
var childLayer = config.childLayer
+ var checked = config.checked
layers && this.init(config.layers)
childLayer && this.init(config.childLayer)
- var checked = config.checked
- checked && this.load(config)
- checked && this.toggleZoomByConfig(config)
+ this.loadLogic(config)
+ this.toggleZoomByConfig(config)
+ checked && this.show(config)
}
}
}
+ loadLogic (config) {
+ var code = config.code
+ var wfs = config.wfs
+ var wms = config.wms
+
+ const file = logicMapper[code]
+ var logic = this.layersLogic[code]
+ if (!logic) {
+ if (file) {
+ var BusiLayer = require('../logic/' + file)
+ logic = new BusiLayer()
+ } else if (wfs) {
+ logic = new WfsLayerService(config)
+ } else if (wms) {
+ logic = new WmsLayerService(config)
+ }
+ }
+ this.layersLogic[code] = logic
+ return logic
+ }
+
+ addLayer (config) {
+ var code = config.code
+ var logic = this.loadLogic(config)
+ var layer = (logic && logic.initLayer && logic.initLayer((this.L))) || this.L.featureGroup({})
+
+ if (logic.bindTooltip) {
+ layer.bindTooltip(logic.bindTooltip)
+ }
+ // 璋冪敤click浜嬩欢
+ if (logic.clickListener) {
+ layer.on('click', logic.clickListener)
+ }
+ layer.addTo(this.map)
+ this.layers[code] = layer
+ return layer
+ }
+
+ show (config) {
+ var layer = this.layers[config.code]
+ var logic = this.loadLogic(config)
+ if (layer) {
+ if (!this.map.hasLayer(layer)) {
+ layer.addTo(this.map)
+ }
+ } else {
+ logic && logic.init(this.addLayer(config), this.L)
+ }
+ logic && logic.create && logic.create()
+ }
+
+ hide (config) {
+ const code = config.code
+ const layer = this.layers[code]
+ layer && this.map.removeLayer(layer)
+ const logic = this.loadLogic(config)
+ logic && logic.destory && logic.destory()
+ }
+
/**
- * 鎺у埗鏄剧ず鐨勭骇鍒�
- * @param layerConfig
- */
+ * 鎺у埗鏄剧ず鐨勭骇鍒�
+ * @param layerConfig
+ */
initEvent (layerConfig) {
this.map.on('zoomend ', (e) => this.toggleZoomByLayer(layerConfig))
}
@@ -62,58 +123,30 @@
}
}
- load (config) {
- var code = config.code
- var wfs = config.wfs
- var wms = config.wms
- var url = config.url
- // 鍒ゆ柇鏄惁宸茬粡鍔犺浇杩囷紝鍔犺浇杩囧氨 鐩存帴寰楀埌瀵硅薄璋冪敤 鏄剧ず鍑芥暟
- var layer = this.layers[code]
- if (!layer) {
- layer = this.L.featureGroup({}).addTo(this.map)
- // 2. 鍒ゆ柇绫诲瀷
- if (wfs) {
- // 3. 瀹炰緥鍖栧叿浣搒ervice
- var wfsLayerService = new WfsLayerService(config)
- wfsLayerService.init(layer)
- this.setZIndex(layer)
- }
- if (wms) {
- var wmsLayerService = new WmsLayerService(config)
- wmsLayerService.init(layer)
- }
- // 璇锋眰涓氬姟鏁版嵁鎺ュ彛
- if (url) {
- var busiLayerService = new BusiLayerService(config)
- busiLayerService.init(layer)
- }
- layer ? (this.layers[code] = layer) : console.log('LayerFactory锛歯ewLayer is null锛宲lease check !!!')
- } else {
- this.show(code)
+ /**
+ *
+ * 鏍规嵁浼犵殑 feature瀵硅薄瀹氫綅锛�
+ * @param code
+ * @param feature
+ */
+ flyByFeature (feature, code) {
+ const type = feature.geometry.type
+ var point = []
+ switch (type) {
+ case 'Point':
+ point = clone(feature.geometry.coordinates)
+ break
+ case 'MultiLineString':
+ var coordinates = feature.geometry.coordinates
+ point = coordinates[parseInt(coordinates.length / 2)][0]
+ break
}
+ window.map.flyTo(point.reverse(), 15)
+ code && this.openPopup(code, feature.id)
}
- show (config) {
- var layer = this.layers[config.code]
- if (layer) {
- layer.addTo(this.map)
- this.setZIndex(layer)
- } else {
- this.load(config)
- }
- }
-
- hide (config) {
- var layer = this.layers[config.code]
- layer && this.map.removeLayer(layer)
- }
-
- toggle (code) {
-
- }
-
- flyByLayerId (code, id) {
- const layer = this.layers[code]
+ openPopup (layerId, id) {
+ const layer = this.layers[layerId]
if (layer.eachLayer) {
layer.eachLayer(function (layer) {
@@ -130,25 +163,25 @@
})
}
/* for (var k in this.layers) {
- var layerGroup = this.layers[k]
- layerGroup.eachLayer(function (layer) {
- console.log(layer)
- console.log(layer.getAttribution())
- })
- var layers = layerGroup.getLayers()
- if (layers) {
- for (var m = 0; m < layers.length; m++) {
- var layer = layers[m]
- console.log(layer)
- console.log(layer.getLayerId(val.id))
- /!* var feature = layer.feature
- if (feature.id === layerId) {
- this.map.flyToBounds(bound)
- return layer
- } *!/
- }
- }
- } */
+ var layerGroup = this.layers[k]
+ layerGroup.eachLayer(function (layer) {
+ console.log(layer)
+ console.log(layer.getAttribution())
+ })
+ var layers = layerGroup.getLayers()
+ if (layers) {
+ for (var m = 0; m < layers.length; m++) {
+ var layer = layers[m]
+ console.log(layer)
+ console.log(layer.getLayerId(val.id))
+ /!* var feature = layer.feature
+ if (feature.id === layerId) {
+ this.map.flyToBounds(bound)
+ return layer
+ } *!/
+ }
+ }
+ } */
return null
}
@@ -160,30 +193,6 @@
layer.eachLayer(function (layer) {
console.log(layer)
})
- }
- }
-
- /**
- * todo 杩欓噷鏃犳晥锛岃矊浼兼槸鍥犱负geojson鍔犺浇鍒板湴鍥句篃鏄釜layergroup
- *
- * 璁剧疆index,绾垮湪鏈�涓嬮潰锛岀偣鍦ㄤ笂闈�
- * @param layerGroup 鍥惧眰缁�
- */
- setZIndex (layer) {
- if (Array.isArray(layer)) {
- for (var i = 0; i < layer.length; i++) {
- this.setZIndex(layer[i])
- }
- } else {
- if (layer.getLayers) {
- this.setZIndex(layer.getLayers())
- } else {
- if (layer.feature && (layer.feature.geometry.type === 'LineString' || layer.feature.geometry.type === 'MultiLineString')) {
- layer.bringToBack && layer.bringToBack()
- } else {
- layer.bringToFront && layer.bringToFront()
- }
- }
}
}
}
--
Gitblit v1.8.0