From f99fd37cdbaaa4f09e5b7383442ee264fd332232 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期六, 08 五月 2021 10:55:37 +0800
Subject: [PATCH] 新增图层点击弹窗开关
---
src/components/LayerController/service/LayerFactory.js | 112 +++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 79 insertions(+), 33 deletions(-)
diff --git a/src/components/LayerController/service/LayerFactory.js b/src/components/LayerController/service/LayerFactory.js
index adb3d9f..f7ee38d 100644
--- a/src/components/LayerController/service/LayerFactory.js
+++ b/src/components/LayerController/service/LayerFactory.js
@@ -1,16 +1,33 @@
import WfsLayerService from './WfsLayerService'
-import WmsLayerService from './WmsLayerService'
import { clone } from '../../../utils/utils'
import { logicMapper } 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.clickSwitch = false
}
init (layerConfig) {
+ this.initConfig(layerConfig)
+ // wms鏈嶅姟鍙渶瑕佸垵濮嬪寲涓�娆�
+ this.wmsLayerService = new WmsLayerService(this.wmsLayers)
+ this.wmsLayerService.init()
+ }
+
+ initConfig (layerConfig) {
// 1. 閬嶅巻layer config
if (layerConfig) {
for (var i = 0; i < layerConfig.length; i++) {
@@ -18,20 +35,38 @@
var layers = config.layers
var childLayer = config.childLayer
var checked = config.checked
+ /* if (config.groupName) {
+ const wmsGroupLayerService = new WmsGroupLayerService(config)
+ wmsGroupLayerService.init()
+ continue
+ } */
layers && this.init(config.layers)
childLayer && this.init(config.childLayer)
+ this.initMinZoom(config)
this.loadLogic(config)
- this.toggleZoomByConfig(config)
checked && this.show(config)
}
+ }
+ }
+
+ 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
}
}
loadLogic (config) {
var code = config.code
var wfs = config.wfs
- var wms = config.wms
+ var wmsLayers = config.wmsLayers
const file = logicMapper[code]
var logic = this.layersLogic[code]
@@ -41,21 +76,32 @@
logic = new BusiLayer()
} else if (wfs) {
logic = new WfsLayerService(config)
- } else if (wms) {
- logic = new WmsLayerService(config)
+ } else if (wmsLayers) {
+ var layer = {}
+ layer[config.code] = config
+ this.wmsLayers.push(layer)
}
}
this.layersLogic[code] = logic
return logic
}
+ /**
+ * 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) {
- layer.bindTooltip(logic.bindTooltip)
+ // 鍏ㄥ眬tips浣嶇疆
+ layer.bindTooltip(logic.bindTooltip, { direction: 'top', offset: [0, -15], sticky: false })
}
// 璋冪敤click浜嬩欢
if (logic.clickListener) {
@@ -66,17 +112,26 @@
return layer
}
+ /**
+ * 濡傛灉 瀛樺湪宸茬粡鍔犺浇浜嗙殑瀵硅薄锛屽氨鐩存帴鍔犲埌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)
}
- logic && logic.create && logic.create()
+ logic && logic.start && logic.start()
+ this.wmsLayerService && this.wmsLayerService.add(config)
}
hide (config) {
@@ -85,6 +140,7 @@
layer && this.map.removeLayer(layer)
const logic = this.loadLogic(config)
logic && logic.destory && logic.destory()
+ this.wmsLayerService && this.wmsLayerService.remove(config)
}
/**
@@ -92,33 +148,23 @@
* @param layerConfig
*/
initEvent (layerConfig) {
- this.map.on('zoomend ', (e) => this.toggleZoomByLayer(layerConfig))
+ // this.map.on('zoomend ', () => this.toggleByZoom())
}
- toggleZoomByLayer (layerConfig) {
- var config = layerConfig
- if (Array.isArray(layerConfig)) {
- for (var i = 0, l = layerConfig.length; i < l; i++) {
- config = layerConfig[i]
- var layers = config.layers
- var childLayer = config.childLayer
- layers && this.toggleZoomByLayer(layers)
- childLayer && this.toggleZoomByLayer(childLayer)
- this.toggleZoomByConfig(config)
- }
- } else {
- this.toggleZoomByConfig(layerConfig)
- }
- }
-
- toggleZoomByConfig (config) {
+ toggleByZoom () {
const zoom = this.map.getZoom()
- var checked = config.checked
- if (checked && config.minZoom) {
- if (zoom > config.minZoom) {
- this.show(config)
- } else {
- this.hide(config)
+ 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)
+ }
}
}
}
@@ -141,7 +187,7 @@
point = coordinates[parseInt(coordinates.length / 2)][0]
break
}
- window.map.flyTo(point.reverse(), 15)
+ window.map.flyTo(point.reverse(), 17)
code && this.openPopup(code, feature.id)
}
@@ -191,7 +237,7 @@
this.findLayerById(layer.getLayers(), id)
} else {
layer.eachLayer(function (layer) {
- console.log(layer)
+ // console.log(layer)
})
}
}
--
Gitblit v1.8.0