小册子绘制时无法调整半径

时间:2017-12-08 18:56:01

标签: javascript leaflet leaflet.draw

我正在使用Leaflet Draw的新版本。存在无法编辑圆的半径的问题。可以编辑和调整多边形和线条。我可以使用编辑工具移动圆圈,但不能更改其半径。

2 个答案:

答案 0 :(得分:0)

这是Draw插件的edit/handler/Edit.Circle.js中的错误。我暂时通过覆盖L.Edit.Circle修复了它。我刚把它包含在我的脚本中:

L.Edit.Circle = L.Edit.CircleMarker.extend({
  _createResizeMarker: function () {
    var center = this._shape.getLatLng(),
      resizemarkerPoint = this._getResizeMarkerPoint(center)

    this._resizeMarkers = []
    this._resizeMarkers.push(this._createMarker(resizemarkerPoint, this.options.resizeIcon))
  },

  _getResizeMarkerPoint: function (latlng) {
    var delta = this._shape._radius * Math.cos(Math.PI / 4),
      point = this._map.project(latlng)
    return this._map.unproject([point.x + delta, point.y - delta])
  },

  _resize: function (latlng) {
    var moveLatLng = this._moveMarker.getLatLng()
    var radius

    if (L.GeometryUtil.isVersion07x()) {
      radius = moveLatLng.distanceTo(latlng)
    }
    else {
      radius = this._map.distance(moveLatLng, latlng)
    }

    // **** This fixes the cicle resizing ****
    this._shape.setRadius(radius)

    this._map.fire(L.Draw.Event.EDITRESIZE, { layer: this._shape })
  }
})

答案 1 :(得分:0)

我在此问题中解决了该问题: https://github.com/Leaflet/Leaflet.draw/pull/968