From c42fafcfba7aa2d32176533be368ee77bc0150d6 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期三, 03 三月 2021 17:42:37 +0800
Subject: [PATCH] 修改图层控制
---
src/conf/Styles.js | 37 ++++++++----------
src/components/helpers/ServiceLayerHelper.js | 26 ++++++++----
2 files changed, 34 insertions(+), 29 deletions(-)
diff --git a/src/components/helpers/ServiceLayerHelper.js b/src/components/helpers/ServiceLayerHelper.js
index 7c9e222..00e2c6f 100644
--- a/src/components/helpers/ServiceLayerHelper.js
+++ b/src/components/helpers/ServiceLayerHelper.js
@@ -4,6 +4,7 @@
*/
import AjaxUtils from '@/utils/AjaxUtils'
import store from '@/store'
+import styles from '@/conf/Styles'
class ServiceLayerHelper {
constructor (options) {
@@ -101,14 +102,14 @@
const geojson = that.L.geoJSON(res.features, {
style: function (feature) {
return {
- fill: true,
- weight: 2,
- fillColor: '#73b2ff',
- color: '#73b2ff',
- fillOpacity: 0.2,
- opacity: 1,
- dashArray: '10,4',
- dashSpeed: -10
+ fill: styles.defaultLineStyle.fill,
+ weight: styles.defaultLineStyle.weight,
+ fillColor: styles.defaultLineStyle.fillColor,
+ color: styles.defaultLineStyle.color,
+ fillOpacity: styles.defaultLineStyle.fillOpacity,
+ opacity: styles.defaultLineStyle.opacity
+ // dashArray: styles.defaultLineStyle.dashArray,
+ // dashSpeed: styles.defaultLineStyle.dashSpeed
}
},
pointToLayer: function (geoJsonPoint, latlng) {
@@ -118,7 +119,7 @@
img: {
// url: 'assets/images/map/marker-icon.png',
url: '/assets/images/map/' + icon,
- size: [20, 20]
+ size: styles.defaultLineStyle.size
}
})
}
@@ -131,6 +132,13 @@
minWidth: 300,
closeButton: false,
autoClose: false
+ }).on('mouseover', function (e) {
+ console.log(e)
+ var layer = e.layer
+ layer.setStyle({ weight: 5 })
+ }).on('mouseout', function (e) {
+ var layer = e.layer
+ layer.setStyle({ weight: styles.defaultLineStyle.weight })
}).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()
diff --git a/src/conf/Styles.js b/src/conf/Styles.js
index 42416e5..22d6256 100644
--- a/src/conf/Styles.js
+++ b/src/conf/Styles.js
@@ -1,24 +1,21 @@
-export const LineStyles = {
+const defaultLineStyle = {
+ fill: true,
+ weight: 2,
+ fillColor: '#73b2ff',
+ color: '#73b2ff',
+ fillOpacity: 0.2,
+ opacity: 1,
+ dashArray: '10,4',
+ dashSpeed: -10,
+ size: [20, 20]
+}
+
+const customStyles = {
pipeline: {
- fill: true,
- weight: 2,
- fillColor: '#06cccc',
- color: '#06cccc',
- fillOpacity: 0.2,
- opacity: 0.8,
- dashArray: '10,4',
- dashSpeed: -10
}
}
-export const PointStyles = {
- pipeline: {
- fill: true,
- weight: 2,
- fillColor: '#06cccc',
- color: '#06cccc',
- fillOpacity: 0.2,
- opacity: 0.8,
- dashArray: '10,4',
- dashSpeed: -10
- }
+
+export default {
+ defaultLineStyle,
+ customStyles
}
--
Gitblit v1.8.0