修改图层控制

徐旺旺

2021-03-03 c42fafcfba7aa2d32176533be368ee77bc0150d6

修改图层控制

 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()

 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
}