From 3d7cb6aa38722ecf35f29ed880fdcc7efecbf323 Mon Sep 17 00:00:00 2001 From: 徐旺旺 <11530253@qq.com> Date: 星期三, 14 四月 2021 09:34:26 +0800 Subject: [PATCH] 点击定位 --- src/components/LayerController/service/LayerFactory.js | 100 ++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 84 insertions(+), 16 deletions(-) diff --git a/src/components/LayerController/service/LayerFactory.js b/src/components/LayerController/service/LayerFactory.js index d12719b..593b5fd 100644 --- a/src/components/LayerController/service/LayerFactory.js +++ b/src/components/LayerController/service/LayerFactory.js @@ -11,13 +11,54 @@ init (layerConfig) { // 1. 閬嶅巻layer config - for (var i = 0, l = layerConfig.length; i < l; i++) { - var config = layerConfig[i] - var layers = config.layers - layers && this.init(config.layers) + if (layerConfig) { + for (var i = 0; i < layerConfig.length; 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) + var checked = config.checked + checked && this.load(config) + checked && this.toggleZoomByConfnig(config) + } + } + } + + /** + * 鎺у埗鏄剧ず鐨勭骇鍒� + * @param layerConfig + */ + initEvent (layerConfig) { + this.map.on('zoomend ', (e) => this.toggleZoomByLayer(layerConfig)) + } + + 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.toggleZoomByConfnig(config) + } + } else { + this.toggleZoomByConfnig(layerConfig) + } + } + + toggleZoomByConfnig (config) { + const zoom = this.map.getZoom() + var checked = config.checked + if (checked && config.minZoom) { + if (zoom > config.minZoom) { + this.show(config) + } else { + this.hide(config) + } } } @@ -71,18 +112,45 @@ } + flyByLayerId (layerId, bound) { + for (var k in this.layers) { + var layerGroup = this.layers[k] + var layers = layerGroup.getLayers() + if (layers) { + for (var m = 0; m < layers.length; m++) { + var layer = layers[m] + console.log(layer.toGeoJSON()) + /* var feature = layer.feature + if (feature.id === layerId) { + this.map.flyToBounds(bound) + return layer + } */ + } + } + } + return null + } + /** - * 璁剧疆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() + * 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 { - layerGroup.bringToFront() + 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