地图标记绘制多边形颜色优化

ebc-middle-platform/src/modules/system-management/map-mark.vue

@@ -88,6 +88,7 @@
      :visibled.sync="addMark"
      :ok="submitMark"
      :cancel="cancel"
      :mask-closable="false"
      class="modal"
      title="地图标记"
      ok-text="保存"
@@ -262,6 +263,17 @@ export default {
      // debugger
        console.log(e)
        this.layer = this.polygonDrawer.polygon(e) // 获取多边形信息
        var color
        if (this.markType == '3') {
          color = 'red'
        } else if (this.markType == '2') {
          color = 'green'
        } else {
          color = 'blue'
        }
        this.layer.options.opacity = 1.0
        this.layer.options.color = color
        this.layer.options.fillColor = color
        // console.log(this.polygonDrawer.getPoints())
        this.modalData = this.layer._latlngs[0]
        this.polygonDrawer.editing(this.layer)
@@ -366,11 +378,15 @@ export default {
        (date.getMonth() + 1 < 10
          ? '0' + (date.getMonth() + 1)
          : date.getMonth() + 1) + '-'
      var D = date.getDate() + ' '
      var h = date.getHours() + ':'
      var m = date.getMinutes() + ':'
      var D = date.getDate()
      var h = date.getHours()
      var m = date.getMinutes()
      var s = date.getSeconds()
      return Y + M + D + h + m + s
      D = D < 10 ? '0' + D : D
      h = h < 10 ? '0' + h : h
      m = m < 10 ? '0' + m : m
      s = s < 10 ? '0' + s : s
      return Y + M + D + ' ' + h + ':' + m + ':' + s
    },
    submitMark() {
      if (this.modalData.length == 0) {
@@ -466,6 +482,11 @@ export default {
      var h = date.getHours()
      var m = date.getMinutes()
      var s = date.getSeconds()
      mon = mon < 10 ? '0' + mon : mon
      da = da < 10 ? '0' + da : da
      h = h < 10 ? '0' + h : h
      m = m < 10 ? '0' + m : m
      s = s < 10 ? '0' + s : s
      return year + '-' + mon + '-' + da + ' ' + h + '-' + m + '-' + s
    },
    cancel() {
@@ -498,8 +519,19 @@ export default {
          // 请求成功处理...
          this.modalData = []
          var coverWktStr_blue = res.data.resultData.MAP_TAG_SHAPE
          // debugger
          // var arr = coverWktStr_blue.replace('POLYGON((','').split(',')[0].split(' ')
          // this.map.setView([arr[1], arr[0]], 10)
          console.log(res.data.resultData.MAP_TAG_SHAPE)
          var coverLayer_blue = new Ai.Polygon(coverWktStr_blue)
          var color
          if (row.MAP_TAG_TYPE == '3') {
            color = 'red'
          } else if (row.MAP_TAG_TYPE == '2') {
            color = 'green'
          } else {
            color = 'blue'
          }
          var coverLayer_blue = new Ai.Polygon(coverWktStr_blue,{color:color,opacity: 1.0})
          // this.map.addLayer(coverLayer_blue)
          // 面设为编辑状态
          coverLayer_blue.snapediting = new Ai.PolylineSnap(