From 82d9c82cc86b048cd22c817ccaf1991cb8ab865b Mon Sep 17 00:00:00 2001
From: YANGDL <114714267@qq.com>
Date: 星期二, 02 三月 2021 17:45:27 +0800
Subject: [PATCH] 修改专题搜索结果面板样式
---
src/components/helpers/ServiceLayerHelper.js | 73 +++++++++++++++++++++---------------
1 files changed, 43 insertions(+), 30 deletions(-)
diff --git a/src/components/helpers/ServiceLayerHelper.js b/src/components/helpers/ServiceLayerHelper.js
index fa100b0..ad256a6 100644
--- a/src/components/helpers/ServiceLayerHelper.js
+++ b/src/components/helpers/ServiceLayerHelper.js
@@ -5,7 +5,6 @@
import AjaxUtils from '@/utils/AjaxUtils'
import store from '@/store'
-var myRenderer = window.L.canvas()
class ServiceLayerHelper {
constructor (options) {
this.map = options.map
@@ -18,6 +17,7 @@
this.geojsonArray = {} // 鍒濆鐨刧eojson闆�
this.layerConfig = {}
this.regex = /\{(.+?)\}/g // 鍖归厤{}
+ this.popupComp = null
}
getTileLayer (code) {
@@ -27,9 +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)
}
/**
@@ -41,19 +43,17 @@
console.debug('ServiceLayerHelper鍔犺浇鍙傛暟锛�', layerConfig)
for (let i = 0, len = layerConfig.length; i < len; ++i) {
const opt = layerConfig[i]
- if (opt.checked) {
- if (opt.type === 'wmts') {
- this.loadWmtsLayer(opt, isAddToMap)
- this.tileLayersWMTSArray.push(opt)
- } else if (opt.type === 'wms') {
- this.loadWmsLayer(opt, isAddToMap)
- this.tileLayersWMSArray.push(opt)
- } else if (opt.type === 'tile') {
- this.loadTileLayer(opt, isAddToMap)
- this.tileLayersTileArray.push(opt)
- } else if (opt.type === 'geojson') {
- this.loadGeojsonLayers(opt)
- }
+ if (opt.type === 'wmts') {
+ this.loadWmtsLayer(opt, isAddToMap)
+ this.tileLayersWMTSArray.push(opt)
+ } else if (opt.type === 'wms') {
+ this.loadWmsLayer(opt, isAddToMap)
+ this.tileLayersWMSArray.push(opt)
+ } else if (opt.type === 'tile') {
+ this.loadTileLayer(opt, isAddToMap)
+ this.tileLayersTileArray.push(opt)
+ } else if (opt.type === 'geojson') {
+ this.loadGeojsonLayers(opt)
}
}
}
@@ -92,15 +92,16 @@
loadGeojson (res, layer) {
var that = this
var icon = layer.icon
- return that.L.geoJSON(res.features, {
+ const featureGroup = that.L.featureGroup().addTo(that.map)
+ 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
}
@@ -115,11 +116,18 @@
size: [20, 20]
}
})
- },
- renderer: myRenderer
+ }
}).bindPopup(function (layer) {
- return layer.feature.properties.linenumber
- }).addTo(that.map)
+ that.popupComp.setDatas(layer)
+ that.popupComp.setShow()
+ return that.popupComp.$el
+ }, {
+ className: 's-map-popup',
+ minWidth: 300,
+ closeButton: false,
+ autoClose: false
+ }).addTo(featureGroup).bringToBack()
+ return featureGroup
}
removeLayer (item) {
@@ -139,11 +147,13 @@
loadWmtsLayer (options, isAddToMap = true) {
const layer = this.L.tileLayer(options.url, options.option)
layer.config = options
-
- if (isAddToMap) {
- layer.addTo(this.map)
+ var checked = options.checked
+ if (checked) {
+ if (isAddToMap) {
+ layer.addTo(this.map)
+ }
+ this.loadedLayersMap.set(options.code, layer)
}
- this.loadedLayersMap.set(options.code, layer)
}
/**
@@ -155,10 +165,13 @@
const layer = this.L.tileLayer.wms(options.url, options.option)
layer.config = options
- if (isAddToMap) {
- layer.addTo(this.tileLayerWmslayerGroup)
+ var checked = options.checked
+ if (checked) {
+ if (isAddToMap) {
+ layer.addTo(this.tileLayerWmslayerGroup)
+ }
+ this.loadedLayersMap.set(options.code, layer)
}
- this.loadedLayersMap.set(options.code, layer)
}
/**
--
Gitblit v1.8.0