From 7d02699a0b2d425f3f9f3dd6af872bbc1d352710 Mon Sep 17 00:00:00 2001 From: 徐旺旺 <11530253@qq.com> Date: 星期二, 20 四月 2021 11:46:36 +0800 Subject: [PATCH] 图层控制BUG修改 --- src/components/LayerController/service/LayerFactory.js | 146 +++++++++++++++++++----------------------------- 1 files changed, 59 insertions(+), 87 deletions(-) diff --git a/src/components/LayerController/service/LayerFactory.js b/src/components/LayerController/service/LayerFactory.js index 9b05042..4b2814e 100644 --- a/src/components/LayerController/service/LayerFactory.js +++ b/src/components/LayerController/service/LayerFactory.js @@ -1,13 +1,13 @@ import WfsLayerService from './WfsLayerService' -import BusiLayerService from './BusiLayerService' import WmsLayerService from './WmsLayerService' -import EventLayerService from './EventLayerService' 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) { @@ -17,14 +17,66 @@ 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({}) + 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() } /** @@ -63,65 +115,9 @@ } } - load (config) { - var code = config.code - var wfs = config.wfs - var wms = config.wms - var url = config.url - var checked = config.checked - // 鍒ゆ柇鏄惁宸茬粡鍔犺浇杩囷紝鍔犺浇杩囧氨 鐩存帴寰楀埌瀵硅薄璋冪敤 鏄剧ず鍑芥暟 - var layer = this.layers[code] - // todo if鏄笉鏄お澶氫簡 - if (checked) { - if ((wfs || wms || url)) { - if (layer) { - this.show(code) - } else { - layer = this.L.featureGroup({}).addTo(this.map) - this.layers[code] = layer - } - } - // 2. 鍒ゆ柇绫诲瀷 - if (wfs) { - // 3. 瀹炰緥鍖栧叿浣搒ervice - var wfsLayerService = new WfsLayerService(config) - wfsLayerService.init(layer) - this.setZIndex(layer) - } else if (wms) { - var wmsLayerService = new WmsLayerService(config) - wmsLayerService.init(layer) - } else if (url) { - var busiLayerService = new BusiLayerService(config) - busiLayerService.init(layer) - } - } - var eventLayerService = new EventLayerService(config) - eventLayerService.init() - } - - 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) - // this.load(config) - } - - toggle (code) { - - } - /** * - * 鏍规嵁浼犵殑 feature瀵硅薄瀹氫綅 + * 鏍规嵁浼犵殑 feature瀵硅薄瀹氫綅锛� * @param code * @param feature */ @@ -134,7 +130,7 @@ break case 'MultiLineString': var coordinates = feature.geometry.coordinates - point = clone(coordinates[parseInt(coordinates.length / 2)][0]) + point = coordinates[parseInt(coordinates.length / 2)][0] break } window.map.flyTo(point.reverse(), 15) @@ -189,30 +185,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