From 1ff1c00897275d4fd4f294696fa1524426898f6d Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期三, 03 三月 2021 10:18:22 +0800
Subject: [PATCH] 修改图层控制
---
src/components/helpers/ServiceLayerHelper.js | 44 ++++++++++++++++++++++++++++++++------------
1 files changed, 32 insertions(+), 12 deletions(-)
diff --git a/src/components/helpers/ServiceLayerHelper.js b/src/components/helpers/ServiceLayerHelper.js
index 96ad647..7c9e222 100644
--- a/src/components/helpers/ServiceLayerHelper.js
+++ b/src/components/helpers/ServiceLayerHelper.js
@@ -17,6 +17,7 @@
this.geojsonArray = {} // 鍒濆鐨刧eojson闆�
this.layerConfig = {}
this.regex = /\{(.+?)\}/g // 鍖归厤{}
+ this.popupComp = null
}
getTileLayer (code) {
@@ -26,10 +27,11 @@
/**
* 鏍规嵁閰嶇疆鏂囦欢鍒濆鍖栦笟鍔″簳鍥�
*/
- initServiceLayers (layerConfig) {
+ initServiceLayers (layerConfig, popupComp) {
this.layerConfig = layerConfig
+ this.popupComp = popupComp
this.loadLayers(layerConfig.mapConfig.Layers.LayerSewersLine)
- // this.loadLayers(layerConfig.mapConfig.Layers.layerSewersPoint)
+ this.loadLayers(layerConfig.mapConfig.Layers.layerSewersPoint)
}
/**
@@ -68,6 +70,11 @@
}
}
+ /**
+ * 璇锋眰wfs鏁版嵁
+ * @param url
+ * @param item
+ */
loadGeojsonLayer (url, item) {
var matches = this.regex.exec(url)
var matchValue = item[matches[1]]
@@ -84,22 +91,22 @@
}
/**
- * 鍔犺浇鐐规暟鎹�
- * @param res
- */
- loadGeojson (res, layer) {
+ * 鍔犺浇gis server杩斿洖鐨刧eoson鏁版嵁鍒板湴鍥句腑灞曠ず
+ * @param res
+ */
+ loadGeojson (res, opt) {
var that = this
- var icon = layer.icon
+ var icon = opt.icon
const featureGroup = that.L.featureGroup().addTo(that.map)
- that.L.geoJSON(res.features, {
+ const geojson = that.L.geoJSON(res.features, {
style: function (feature) {
return {
fill: true,
weight: 2,
- fillColor: '#06cccc',
- color: '#06cccc',
+ fillColor: '#73b2ff',
+ color: '#73b2ff',
fillOpacity: 0.2,
- opacity: 0.8,
+ opacity: 1,
dashArray: '10,4',
dashSpeed: -10
}
@@ -116,7 +123,20 @@
})
}
}).bindPopup(function (layer) {
- }).addTo(featureGroup).bringToFront()
+ that.popupComp.setDatas(layer)
+ that.popupComp.setShow()
+ return that.popupComp.$el
+ }, {
+ className: 's-map-popup',
+ minWidth: 300,
+ closeButton: false,
+ autoClose: false
+ }).addTo(featureGroup)
+ 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()
+ }
return featureGroup
}
--
Gitblit v1.8.0