From dbc1ed9ade5f26e77d2551dd2c79ece341b02cd8 Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期一, 12 四月 2021 11:43:44 +0800 Subject: [PATCH] 弹框问题修改 --- src/components/LayerController/service/LayerFactory.js | 121 ++++++++++++++++++++++----------------- 1 files changed, 68 insertions(+), 53 deletions(-) diff --git a/src/components/LayerController/service/LayerFactory.js b/src/components/LayerController/service/LayerFactory.js index 7626125..b617ae5 100644 --- a/src/components/LayerController/service/LayerFactory.js +++ b/src/components/LayerController/service/LayerFactory.js @@ -1,7 +1,7 @@ -import store from '@/store' import WfsLayerService from './WfsLayerService' import BusiLayerService from './BusiLayerService' import WmsLayerService from './WmsLayerService' + class LayerFactory { constructor (options) { this.L = options.L @@ -9,58 +9,65 @@ this.layers = {} } - createLayerGroup () { - return this.L.layerGroup().addTo(this.map) - } - - init () { + init (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 - // 鍒ゆ柇鏄惁宸茬粡鍔犺浇杩囷紝鍔犺浇杩囧氨 蹇界暐鎺� - const layer = this.layers[code] - if (!layer) { - const newLayer = this.createLayerGroup() - this.layers[code] = newLayer - // 2. 鍒ゆ柇绫诲瀷 - if (wfs) { - // 3. 瀹炰緥鍖栧叿浣搒ervice - // var busiLayerService = new BusiLayerService() - // busiLayerService.init() - var wfsLayerService = new WfsLayerService(childConfig) - wfsLayerService.init(newLayer) - } - if (wms) { - var wmsLayerService = new WmsLayerService(childConfig) - wmsLayerService.init(newLayer) - } - // 璇锋眰涓氬姟鏁版嵁鎺ュ彛 - if (url) { - var busiLayerService = new BusiLayerService(childConfig) - busiLayerService.init(newLayer) - } - } else { - this.show(code) - } + if (layerConfig) { + for (var i = 0, l = layerConfig.length; i < l; i++) { + var config = layerConfig[i] + var layers = config.layers + var childLayer = config.childLayer + layers && this.init(config.layers) + childLayer && this.init(config.childLayer) + + var checked = config.checked + checked && this.load(config) } } } - show (code) { - var _layer = this.layers[code].addTo(this.map) - this.setZIndex(_layer) + 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) + } } - hide (code) { - var layer = this.layers[code] + 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) } @@ -69,17 +76,25 @@ } /** + * todo 杩欓噷鏃犳晥锛岃矊浼兼槸鍥犱负geojson鍔犺浇鍒板湴鍥句篃鏄釜layergroup + * * 璁剧疆index,绾垮湪鏈�涓嬮潰锛岀偣鍦ㄤ笂闈� * @param layerGroup 鍥惧眰缁� */ - 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() + 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 { - layerGroup.bringToFront() + if (layer.feature && (layer.feature.geometry.type === 'LineString' || layer.feature.geometry.type === 'MultiLineString')) { + layer.bringToBack() + } else { + layer.bringToFront() + } } } } -- Gitblit v1.8.0