Просмотр исходного кода

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

chenxr3 лет назад: 4
Родитель
Сommit
69f534d648
1 измененных файлов с 37 добавлено и 5 удалено
  1. 37 5
      ebc-middle-platform/src/modules/system-management/map-mark.vue

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

88
      :visibled.sync="addMark"
88
      :visibled.sync="addMark"
89
      :ok="submitMark"
89
      :ok="submitMark"
90
      :cancel="cancel"
90
      :cancel="cancel"
91
      :mask-closable="false"
91
      class="modal"
92
      class="modal"
92
      title="地图标记"
93
      title="地图标记"
93
      ok-text="保存"
94
      ok-text="保存"
262
      // debugger
263
      // debugger
263
        console.log(e)
264
        console.log(e)
264
        this.layer = this.polygonDrawer.polygon(e) // 获取多边形信息
265
        this.layer = this.polygonDrawer.polygon(e) // 获取多边形信息
266
        var color
267
        if (this.markType == '3') {
268
          color = 'red'
269
        } else if (this.markType == '2') {
270
          color = 'green'
271
        } else {
272
          color = 'blue'
273
        }
274
        this.layer.options.opacity = 1.0
275
        this.layer.options.color = color
276
        this.layer.options.fillColor = color
265
        // console.log(this.polygonDrawer.getPoints())
277
        // console.log(this.polygonDrawer.getPoints())
266
        this.modalData = this.layer._latlngs[0]
278
        this.modalData = this.layer._latlngs[0]
267
        this.polygonDrawer.editing(this.layer)
279
        this.polygonDrawer.editing(this.layer)
366
        (date.getMonth() + 1 < 10
378
        (date.getMonth() + 1 < 10
367
          ? '0' + (date.getMonth() + 1)
379
          ? '0' + (date.getMonth() + 1)
368
          : date.getMonth() + 1) + '-'
380
          : date.getMonth() + 1) + '-'
369
      var D = date.getDate() + ' '
370
      var h = date.getHours() + ':'
371
      var m = date.getMinutes() + ':'
381
      var D = date.getDate()
382
      var h = date.getHours()
383
      var m = date.getMinutes()
372
      var s = date.getSeconds()
384
      var s = date.getSeconds()
373
      return Y + M + D + h + m + s
385
      D = D < 10 ? '0' + D : D
386
      h = h < 10 ? '0' + h : h
387
      m = m < 10 ? '0' + m : m
388
      s = s < 10 ? '0' + s : s
389
      return Y + M + D + ' ' + h + ':' + m + ':' + s
374
    },
390
    },
375
    submitMark() {
391
    submitMark() {
376
      if (this.modalData.length == 0) {
392
      if (this.modalData.length == 0) {
466
      var h = date.getHours()
482
      var h = date.getHours()
467
      var m = date.getMinutes()
483
      var m = date.getMinutes()
468
      var s = date.getSeconds()
484
      var s = date.getSeconds()
485
      mon = mon < 10 ? '0' + mon : mon
486
      da = da < 10 ? '0' + da : da
487
      h = h < 10 ? '0' + h : h
488
      m = m < 10 ? '0' + m : m
489
      s = s < 10 ? '0' + s : s
469
      return year + '-' + mon + '-' + da + ' ' + h + '-' + m + '-' + s
490
      return year + '-' + mon + '-' + da + ' ' + h + '-' + m + '-' + s
470
    },
491
    },
471
    cancel() {
492
    cancel() {
498
          // 请求成功处理...
519
          // 请求成功处理...
499
          this.modalData = []
520
          this.modalData = []
500
          var coverWktStr_blue = res.data.resultData.MAP_TAG_SHAPE
521
          var coverWktStr_blue = res.data.resultData.MAP_TAG_SHAPE
522
          // debugger
523
          // var arr = coverWktStr_blue.replace('POLYGON((','').split(',')[0].split(' ')
524
          // this.map.setView([arr[1], arr[0]], 10)
501
          console.log(res.data.resultData.MAP_TAG_SHAPE)
525
          console.log(res.data.resultData.MAP_TAG_SHAPE)
502
          var coverLayer_blue = new Ai.Polygon(coverWktStr_blue)
526
          var color
527
          if (row.MAP_TAG_TYPE == '3') {
528
            color = 'red'
529
          } else if (row.MAP_TAG_TYPE == '2') {
530
            color = 'green'
531
          } else {
532
            color = 'blue'
533
          }
534
          var coverLayer_blue = new Ai.Polygon(coverWktStr_blue,{color:color,opacity: 1.0})
503
          // this.map.addLayer(coverLayer_blue)
535
          // this.map.addLayer(coverLayer_blue)
504
          // 面设为编辑状态
536
          // 面设为编辑状态
505
          coverLayer_blue.snapediting = new Ai.PolylineSnap(
537
          coverLayer_blue.snapediting = new Ai.PolylineSnap(