From 7af28eaca09c2aa1f9a678df081abb378e22ee16 Mon Sep 17 00:00:00 2001 From: 徐旺旺 <11530253@qq.com> Date: 星期三, 10 三月 2021 10:12:17 +0800 Subject: [PATCH] 菜单组件联动 --- src/components/helpers/ServiceLayerHelper.js | 49 ++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 38 insertions(+), 11 deletions(-) diff --git a/src/components/helpers/ServiceLayerHelper.js b/src/components/helpers/ServiceLayerHelper.js index dcde9a6..567be72 100644 --- a/src/components/helpers/ServiceLayerHelper.js +++ b/src/components/helpers/ServiceLayerHelper.js @@ -16,13 +16,27 @@ this.tileLayersTileArray = [] // 鍒濆鐨凾ile闆� this.tileLayersWMSArray = [] // 鍒濆鐨刉MS闆� this.layerArray = {} // key涓洪厤缃殑code锛屽姞杞界殑鍥惧眰瀵硅薄锛� - this.layerConfig = {} this.regex = /\{(.+?)\}/g // 鍖归厤{} this.popupComp = null } getTileLayer (code) { return this.loadedLayersMap.get(code) + } + + getByLayerId (layerId) { + for (var k in this.layerArray) { + var layer = this.layerArray[k] + var geojson = layer.toGeoJSON() + var features = geojson.features + for (var j = 0; j < features.length; j++) { + var feature = features[j] + if (feature.id === layerId) { + return layer + } + } + } + return null } initDisplayZoom (layerConfig) { @@ -102,18 +116,21 @@ * @param url * @param item */ - loadGeojsonLayer (url, item) { + async loadGeojsonLayer (url, item) { var matches = this.regex.exec(url) var matchValue = item[matches[1]] var code = item.code var newUrl = url.replace(this.regex, matchValue) var that = this if (!that.layerArray[code]) { - AjaxUtils.GetDataAsynByUrl(newUrl, {}, function (res) { - store.commit('addSewersDatas', res) - var layer = that.loadGeojson(res, item) + const res = await AjaxUtils.GetDataAsynByUrl(newUrl, {}) + if (res.data instanceof Object && Object.prototype.hasOwnProperty.call(res.data, 'features')) { + store.commit('addSewersDatas', res.data) + var layer = that.loadGeojson(res.data, item) that.layerArray[code] = layer - }) + } + } else { + that.layerArray[code].addTo(that.map) } } @@ -124,7 +141,8 @@ loadGeojson (res, opt) { var that = this var icon = opt.icon - const featureGroup = that.L.featureGroup().addTo(that.map) + const featureGroup = that.L.featureGroup() + const featureList = [] const geojson = that.L.geoJSON(res.features, { style: function (feature) { return { @@ -133,9 +151,9 @@ fillColor: styles.defaultLineStyle.fillColor, color: styles.defaultLineStyle.color, fillOpacity: styles.defaultLineStyle.fillOpacity, - opacity: styles.defaultLineStyle.opacity - // dashArray: styles.defaultLineStyle.dashArray, - // dashSpeed: styles.defaultLineStyle.dashSpeed + opacity: styles.defaultLineStyle.opacity, + dashArray: styles.defaultLineStyle.dashArray, + dashSpeed: styles.defaultLineStyle.dashSpeed } }, pointToLayer: function (geoJsonPoint, latlng) { @@ -147,6 +165,12 @@ size: styles.defaultLineStyle.size } }) + }, + onEachFeature: function (feature, layer) { + console.log(feature) + console.log(layer) + featureList.push(layer) + layer.addTo(featureGroup) } }).bindPopup(function (layer) { that.popupComp.setDatas(layer) @@ -200,13 +224,16 @@ } }) } - }).addTo(featureGroup) + // }).addTo(that.map) + // }).addTo(featureGroup) + }) store.commit('addSewersDatas', geojson) if (Object.prototype.hasOwnProperty.call(res, 'features') && res.features.length > 0 && (res.features[0].geometry.type === 'LineString' || res.features[0].geometry.type === 'MultiLineString')) { geojson.bringToBack() } else { geojson.bringToFront() } + featureGroup.addTo(that.map) return featureGroup } -- Gitblit v1.8.0