派生自 wuyushui/SewerAndRainNetwork

YANGDL
2021-03-03 41af42c7d30e9604f78c2973c39d0ff5e9e46ed1
src/components/helpers/ServiceLayerHelper.js
@@ -17,6 +17,7 @@
    this.geojsonArray = {} // 初始的geojson集
    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,24 +91,25 @@
  }
  /**
     * 加载点数据
     * @param res
     */
  loadGeojson (res, layer) {
   * 加载gis server返回的geoson数据到地图中展示
   * @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',
          weight: 3,
          fillColor: '#73b2ff',
          color: '#73b2ff',
          fillOpacity: 0.2,
          opacity: 0.8,
          dashArray: '10,4',
          dashSpeed: -10
          opacity: 1
          // ,
          // dashArray: '10,4',
          // dashSpeed: -10
        }
      },
      pointToLayer: function (geoJsonPoint, latlng) {
@@ -116,7 +124,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
  }