From 150aca8f5946079d4dce28d52ec033c4e61b0f0f Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期三, 10 三月 2021 10:51:14 +0800
Subject: [PATCH] 菜单组件联动
---
src/components/helpers/ServiceLayerHelper.js | 70 ++++++++++++++++++++++++++--------
1 files changed, 53 insertions(+), 17 deletions(-)
diff --git a/src/components/helpers/ServiceLayerHelper.js b/src/components/helpers/ServiceLayerHelper.js
index 3e22efe..6a67caa 100644
--- a/src/components/helpers/ServiceLayerHelper.js
+++ b/src/components/helpers/ServiceLayerHelper.js
@@ -25,7 +25,18 @@
}
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) {
@@ -105,20 +116,22 @@
* @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)
+ var _layer = that.layerArray[code].addTo(that.map)
+ that.setZIndex(_layer)
}
}
@@ -129,7 +142,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 {
@@ -138,9 +152,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) {
@@ -152,6 +166,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)
@@ -205,16 +225,32 @@
}
})
}
- }).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)
+ that.setZIndex(featureGroup)
return featureGroup
}
+ /**
+ * 璁剧疆index,绾垮湪鏈�涓嬮潰锛岀偣鍦ㄤ笂闈�
+ * @param layerGroup 鍥惧眰缁�
+ */
+ setZIndex (layerGroup) {
+ console.log(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()
+ } else {
+ layerGroup.bringToFront()
+ }
+ }
+ }
+
removeLayer (item) {
var layer = this.layerArray[item.code]
layer && this.map.removeLayer(layer)
--
Gitblit v1.8.0