Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetw...

zhangshuaibao

2021-04-08 3bc191973a0a67cbc8c0d77d92ea1a807555aa6a

 src/components/plugin/MakeTation.js

@@ -1,114 +1,125 @@
/* eslint-disable */

// 添加文字标注

var TextAnnotation = {

  points: [],

  color: 'yellow',

  L: null,

  map: null,

  layers: null,

  polyline: null,

  marker: null,

  changeColor: '',

  changeContent: '',

  init: function (map, L) {

    // console.log(L)

    TextAnnotation.L = L

    TextAnnotation.map = map

    TextAnnotation.points = []

    TextAnnotation.polyline = null

    TextAnnotation.marker = null

    TextAnnotation.layers = L.layerGroup()

    map.on('click', TextAnnotation.click).on('dblclick', TextAnnotation.dblclick)

  },

  setContent :function (changeContent) {

    console.log(changeContent)

    TextAnnotation.changeContent = changeContent

  },

  click: function (e) {

    console.log(TextAnnotation.changeContent)

    let labIcon = L.divIcon({

      html: '<div style="color: red;font-size: 18px;">' + TextAnnotation.changeContent + '</div>',

      iconSize: [100, 40],

      iconAnchor: [0, 0],

      className: ''

    })

    let marker = L.marker(e.latlng, { icon: labIcon })

    marker.addTo(TextAnnotation.map)

  },

  dblclick: function (e) {

    TextAnnotation.map.off('click', TextAnnotation.click).off('dblclick', TextAnnotation.dblclick)

  },

  destory: function () {

    if (TextAnnotation.polyline) {

      TextAnnotation.map.removeLayer(TextAnnotation.polyline)

    }

    if (TextAnnotation.marker) {

      TextAnnotation.marker.remove()

    }

    if (TextAnnotation.layers) {

      TextAnnotation.layers.clearLayers()

    }

  }

}



// 添加 点 的标注

var CircleAnnotation = {

  points: [],

  color: 'yellow',

  L: null,

  map: null,

  layers: null,

  polyline: null,

  marker: null,

  init: function (map, L) {

    // console.log(L)

    CircleAnnotation.L = L

    CircleAnnotation.map = map

    CircleAnnotation.points = []

    CircleAnnotation.polyline = null

    CircleAnnotation.marker = null

    CircleAnnotation.layers = L.layerGroup()

    map.on('click', CircleAnnotation.click).on('dblclick', CircleAnnotation.dblclick)

  },

  click: function (e) {

    // var myIcon = L.divIcon({className: 'my-div-icon'});

    let marker = L.marker(e.latlng)

    marker.addTo(CircleAnnotation.map)

  },

  dblclick: function (e) {

    CircleAnnotation.map.off('click', CircleAnnotation.click).off('dblclick', CircleAnnotation.dblclick)

  },

  destory: function () {

    if (CircleAnnotation.polyline) {

      CircleAnnotation.map.removeLayer(CircleAnnotation.polyline)

    }

    if (CircleAnnotation.marker) {

      CircleAnnotation.marker.remove()

    }

    if (CircleAnnotation.layers) {

      CircleAnnotation.layers.clearLayers()

    }

  }

}



const startMakeText = function (map, L) {

  TextAnnotation.init(map, L)

}



const StartCircleAnnotation = function (map, L) {

  CircleAnnotation.init(map, L)

}



const setContentText = function (text) {

  TextAnnotation.setContent(text)

}



const clearText = function () {

  startMakeText.destory()

}

export default {

  startMakeText,

  clearText,

  StartCircleAnnotation,

  setContentText

}

/* eslint-disable */
// 添加文字标注
var TextAnnotation = {
  points: [],
  color: '',
  L: null,
  map: null,
  layers: null,
  polyline: null,
  marker: null,
  changeColor: '',
  changeContent: '',
  init: function (map, L) {
    // console.log(L)
    TextAnnotation.L = L
    TextAnnotation.map = map
    TextAnnotation.points = []
    TextAnnotation.polyline = null
    TextAnnotation.marker = null
    TextAnnotation.layers = L.layerGroup()
    map.on('click', TextAnnotation.click).on('dblclick', TextAnnotation.dblclick)
  },
  // 设置改变文字内容
  setContent: function (changeContent) {
    // console.log(changeContent)
    TextAnnotation.changeContent = changeContent
  },
  // 设置改变文字颜色
  setColor: function (changeColor) {
    // console.log(changeColor)
    TextAnnotation.changeColor = changeColor
  },
  click: function (e) {
    // console.log(TextAnnotation.changeContent)
    let labIcon = L.divIcon({
      html: '<div style="color:' + TextAnnotation.changeColor + ';font-size: 18px;">' + TextAnnotation.changeContent + '</div>',
      iconSize: [100, 40],
      iconAnchor: [0, 0],
      className: ''
    })
    let marker = L.marker(e.latlng, { icon: labIcon })
    marker.addTo(TextAnnotation.map)
  },
  dblclick: function (e) {
    TextAnnotation.map.off('click', TextAnnotation.click).off('dblclick', TextAnnotation.dblclick)
  },
  destory: function () {
    if (TextAnnotation.polyline) {
      TextAnnotation.map.removeLayer(TextAnnotation.polyline)
    }
    if (TextAnnotation.marker) {
      TextAnnotation.marker.remove()
    }
    if (TextAnnotation.layers) {
      TextAnnotation.layers.clearLayers()
    }
  }
}

// 添加 点 的标注
let pointAnnotation = {
  points: [],
  color: '',
  L: null,
  map: null,
  layers: null,
  polyline: null,
  marker: null,
  init: function (map, L) {
    pointAnnotation.L = L
    pointAnnotation.map = map
    pointAnnotation.points = []
    pointAnnotation.polyline = null
    pointAnnotation.marker = null
    pointAnnotation.layers = L.layerGroup()
    map.on('click', pointAnnotation.click).on('dblclick', pointAnnotation.dblclick)
  },
  click: function (e) {
    let marker = L.marker(e.latlng)
    marker.addTo(pointAnnotation.map)
  },
  dblclick: function (e) {
    pointAnnotation.map.off('click', pointAnnotation.click).off('dblclick', pointAnnotation.dblclick)
  },
  destory: function () {
    if (pointAnnotation.polyline) {
      pointAnnotation.map.removeLayer(pointAnnotation.polyline)
    }
    if (pointAnnotation.marker) {
      pointAnnotation.marker.remove()
    }
    if (pointAnnotation.layers) {
      pointAnnotation.layers.clearLayers()
    }
  }
}

// 添加文字标注
const startMakeText = function (map, L) {
  TextAnnotation.init(map, L)
}
// 文字标注的 内容社设置
const setContentText = function (text) {
  TextAnnotation.setContent(text)
}
// 文字标注内容的 颜色 设置
const setContentColor = function (color) {
  TextAnnotation.setColor(color)
}

// 点 标注
const StartPointAnnotation = function (map, L) {
  pointAnnotation.init(map, L)
}

const clearText = function () {
  startMakeText.destory()
}
export default {
  clearText,
  startMakeText,
  setContentText,
  setContentColor,
  StartPointAnnotation
}