From 5759640f419b0088eeb98b0dfd394d9b25febe0d Mon Sep 17 00:00:00 2001
From: 陈泽平 <chenzeping>
Date: 星期五, 28 五月 2021 20:21:43 +0800
Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop
---
src/components/LayerController/service/LayerFactory.js | 213 +++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 158 insertions(+), 55 deletions(-)
diff --git a/src/components/LayerController/service/LayerFactory.js b/src/components/LayerController/service/LayerFactory.js
index e7a585c..f7230ba 100644
--- a/src/components/LayerController/service/LayerFactory.js
+++ b/src/components/LayerController/service/LayerFactory.js
@@ -1,80 +1,183 @@
-import store from '@/store'
import WfsLayerService from './WfsLayerService'
-import BusiLayerService from './BusiLayerService'
+import { logicMapper, SERVICE_TYPE } from '../../../conf/Constants'
import WmsLayerService from './WmsLayerService'
+/**
+ * init 鍙垵濮嬪寲涓�娆�
+ * start 姣忔璋冪敤鍥惧眰鏄剧ずshow()鏃讹紝閮戒細璋冪敤
+ * destory 姣忔璋冪敤鍥惧眰闅愯棌hide()鏃讹紝閮戒細璋冪敤
+ *
+ */
class LayerFactory {
constructor (options) {
this.L = options.L
this.map = window.map
this.layers = {}
+ this.layersLogic = {}
+ this.minZoomLayers = {}
+ this.wmsLayers = []
+ this.wmsLayerService = null
}
- init () {
+ init (layerConfig) {
+ // wms鏈嶅姟鍙渶瑕佸垵濮嬪寲涓�娆�
+ this.wmsLayerService = new WmsLayerService()
+ this.wmsLayerService.init()
+ this.initConfig(layerConfig)
+ }
+
+ initConfig (layerConfig) {
// 1. 閬嶅巻layer config
- var layerConfig = store.state.map.serviceLayers.LayerSewersLine
- 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 childConfig = layers[j]
- var code = childConfig.code
- var wfs = childConfig.wfs
- var wms = childConfig.wms
- var url = childConfig.url
- // 鍒ゆ柇鏄惁宸茬粡鍔犺浇杩囷紝鍔犺浇杩囧氨 鐩存帴寰楀埌瀵硅薄璋冪敤 鏄剧ず鍑芥暟
- var layer = this.layers[code]
- if (!layer) {
- layer = this.L.featureGroup({}).addTo(this.map)
- // 2. 鍒ゆ柇绫诲瀷
- if (wfs) {
- // 3. 瀹炰緥鍖栧叿浣搒ervice
- var wfsLayerService = new WfsLayerService(childConfig)
- wfsLayerService.init(layer)
- }
- if (wms) {
- var wmsLayerService = new WmsLayerService(childConfig)
- wmsLayerService.init(layer)
- }
- // 璇锋眰涓氬姟鏁版嵁鎺ュ彛
- if (url) {
- var busiLayerService = new BusiLayerService(childConfig)
- busiLayerService.init(layer)
- }
- layer ? (this.layers[code] = layer) : console.log('LayerFactory锛歯ewLayer is null锛宲lease check !!!')
- } else {
- this.show(code)
- }
+ if (layerConfig) {
+ for (var i = 0; i < layerConfig.length; i++) {
+ var config = layerConfig[i]
+ var layers = config.layers
+ var childLayer = config.childLayer
+ var checked = config.checked
+ /* if (config.groupName) {
+ const wmsGroupLayerService = new WmsLayerGroupService(config)
+ wmsGroupLayerService.init()
+ continue
+ } */
+ layers && this.initConfig(config.layers)
+ childLayer && this.initConfig(config.childLayer)
+
+ this.initMinZoom(config)
+ this.loadLogic(config)
+ checked && this.show(config)
}
}
}
- show (code) {
- var _layer = this.layers[code].addTo(this.map)
- this.setZIndex(_layer)
+ initMinZoom (config) {
+ const minZoom = parseInt(config.minZoom)
+ if (minZoom) {
+ var configs = this.minZoomLayers[minZoom]
+ if (configs) {
+ configs[configs.length] = config
+ } else {
+ configs = [config]
+ }
+ this.minZoomLayers[minZoom] = configs
+ }
}
- hide (code) {
- var layer = this.layers[code]
- layer && this.map.removeLayer(layer)
- }
+ loadLogic (config) {
+ var code = config.code
+ var type = config.type
- toggle (code) {
-
+ const file = logicMapper[code]
+ var logic = this.layersLogic[code]
+ if (!logic) {
+ if (file) {
+ var BusiLayer = require('../logic/' + file)
+ logic = new BusiLayer()
+ } else if (type === SERVICE_TYPE.WFS) {
+ logic = new WfsLayerService(config)
+ }
+ }
+ this.layersLogic[code] = logic
+ return logic
}
/**
- * 璁剧疆index,绾垮湪鏈�涓嬮潰锛岀偣鍦ㄤ笂闈�
- * @param layerGroup 鍥惧眰缁�
+ * 1. 鍏堣皟鐢ㄥ鐞嗛�昏緫鐨� initLayer 锛屽鏋滄病鏈� 灏卞垱寤轰竴涓� featureGroup
+ * 2. 濡傛灉瀛樺湪浜嬩欢閫昏緫鐨勮瘽锛岀粦瀹歵ooltip,click浜嬩欢
+ * 3. 灏唋ayer娣诲姞鍒癿ap
+ * 4. 杩斿洖layer
+ * @param config
+ * @returns layer
+ */
+ 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) {
+ // 鍏ㄥ眬tips浣嶇疆
+ layer.bindTooltip(logic.bindTooltip, { direction: 'top', offset: [0, -15], sticky: false })
+ }
+ // 璋冪敤click浜嬩欢
+ if (logic.clickListener) {
+ layer.on('click', logic.clickListener)
+ }
+ layer.addTo(this.map)
+ this.layers[code] = layer
+ return layer
+ }
+
+ showAll (configs) {
+ if (Array.isArray(configs)) {
+ for (let i = 0; i < configs.length; i++) {
+ const config = configs[i]
+ this.show(config)
+ }
+ this.wmsLayerService && this.wmsLayerService.addAll(configs)
+ }
+ }
+
+ /**
+ * 濡傛灉 瀛樺湪宸茬粡鍔犺浇浜嗙殑瀵硅薄锛屽氨鐩存帴鍔犲埌map
+ * 濡傛灉 涓嶅瓨鍦ㄥ垯 璋冪敤 addLayer 鍙� 閫昏緫绫荤殑init 杩涜鍒濆鍖栨搷浣�
+ * 濡傛灉 瀛樺湪start鍑芥暟锛屽垯璋冪敤
+ * @param config
+ */
+ show (config) {
+ var index = config.index
+ var layer = this.layers[config.code]
+ var logic = this.loadLogic(config)
+ if (layer) {
+ if (!this.map.hasLayer(layer)) {
+ index && layer.setZIndex(index)
+ layer.addTo(this.map)
+ }
+ } else {
+ logic && logic.init(this.addLayer(config), this.L, config)
+ }
+ logic && logic.start && logic.start()
+ this.wmsLayerService && this.wmsLayerService.add(config)
+ }
+
+ hideAll (configs) {
+ if (Array.isArray(configs)) {
+ for (let i = 0; i < configs.length; i++) {
+ this.hide(configs[i])
+ }
+ this.wmsLayerService && this.wmsLayerService.removeAll(configs)
+ }
+ }
+
+ 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()
+ this.wmsLayerService && this.wmsLayerService.remove(config)
+ }
+
+ /**
+ * 鎺у埗鏄剧ず鐨勭骇鍒�
+ * @param layerConfig
*/
- setZIndex (layerGroup) {
- var layers = layerGroup.getLayers()
- if (layers.length > 0) {
- var layer = layers[0]
- if (layer.feature && (layer.feature.geometry.type === 'LineString' || layer.feature.geometry.type === 'MultiLineString')) {
- layerGroup.bringToBack()
- } else {
- layerGroup.bringToFront()
+ initEvent (layerConfig) {
+ // this.map.on('zoomend ', () => this.toggleByZoom())
+ }
+
+ toggleByZoom () {
+ const zoom = this.map.getZoom()
+ for (var k in this.minZoomLayers) {
+ const configs = this.minZoomLayers[k]
+ for (var j in configs) {
+ const config = configs[j]
+ const checked = config.checked
+ // console.log(zoom)
+ // console.log(k)
+ if (checked && zoom > k) {
+ this.show(config)
+ } else if (checked && zoom < k) {
+ this.hide(config)
+ }
}
}
}
--
Gitblit v1.8.0