From f99fd37cdbaaa4f09e5b7383442ee264fd332232 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期六, 08 五月 2021 10:55:37 +0800
Subject: [PATCH] 新增图层点击弹窗开关
---
src/components/LayerController/service/WfsLayerService.js | 29 +++++++++++++----------------
1 files changed, 13 insertions(+), 16 deletions(-)
diff --git a/src/components/LayerController/service/WfsLayerService.js b/src/components/LayerController/service/WfsLayerService.js
index c280a83..b139a63 100644
--- a/src/components/LayerController/service/WfsLayerService.js
+++ b/src/components/LayerController/service/WfsLayerService.js
@@ -1,5 +1,5 @@
/**
- * 鍔犺浇涓氬姟鏁版嵁鍥惧眰
+ * 鍔犺浇wfs鏈嶅姟鍥惧眰
*/
import { STYLES } from '../../../conf/Constants'
import AjaxUtils from '../../../utils/AjaxUtils'
@@ -63,8 +63,15 @@
})
},
onEachFeature: (feature, layer) => {
- /* layer.bindPopup((layer) => {
- this.popupComp.setDatas(layer)
+ const popupDatas = []
+ const properties = feature.properties
+ popupDatas.push({
+ title: properties.wellname || properties.devicename || properties.name,
+ name: feature.id,
+ content: properties
+ })
+ layer.bindPopup((layer) => {
+ this.popupComp.setDatas(popupDatas)
this.popupComp.setShow()
return this.popupComp.$el
}, {
@@ -72,12 +79,8 @@
minWidth: 300,
closeButton: false,
autoClose: false
- }) */
- layer.bindTooltip((layer) => this.tooltipListener(layer), {
- direction: 'bottom',
- offset: [0, 15],
- sticky: true
})
+ .bindTooltip((layer) => this.tooltipListener(layer), { direction: 'bottom', offset: [0, 15], sticky: true })
.on('mouseover', (e) => this.mouseOverListener(e, layer)).on('mouseout', (e) => this.mouseOutListener(e, layer))
}
}).addTo(this.layer)
@@ -89,10 +92,7 @@
const icon = this.config.icon
const type = e.target.feature.geometry.type
if (type === 'LineString' || type === 'MultiLineString') {
- layer.setStyle({
- weight: 8,
- color: '#00ffff'
- })
+ layer.setStyle({ weight: 8, color: '#00ffff' })
} else if (type === 'Point' || type === 'MultiPoint') {
layer.setStyle({
img: {
@@ -108,10 +108,7 @@
const icon = this.config.icon
const type = e.target.feature.geometry.type
if (type === 'LineString' || type === 'MultiLineString') {
- layer.setStyle({
- weight: STYLES.WEIGHT,
- color: STYLES.COLOR
- })
+ layer.setStyle({ weight: STYLES.WEIGHT, color: STYLES.COLOR })
}
if (type === 'Point' || type === 'MultiPoint') {
layer.setStyle({
--
Gitblit v1.8.0