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

Posted 2021-04-13

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

答案

这是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 })
  }
})