leaflet.draw没有正确取消

Question

在下面的代码片段中,我已经设置了leaflet.draw插件.适用于添加要素(线条,标记,多边形).适用于编辑和删除.但取消操作不起作用(简单的交叉测试也不行,但我可以没有这个).知道我设置插件的错误吗？

(Chrome V44,宣传单1.0 Beta 2,leaflet.draw(0.2.4-dev)(似乎也在传单'0.7.7'中失败).

这是错误:

Uncaught TypeError: Cannot read property '0' of undefined
L.Polyline.L.Path.extend._projectLatlngs @ leaflet-src.js:5535
L.Polyline.L.Path.extend._projectLatlngs @ leaflet-src.js:5547
L.Polyline.L.Path.extend._projectLatlngs @ leaflet-src.js:5547
L.Polyline.L.Path.extend._project @ leaflet-src.js:5519
L.SVG.L.Renderer.extend._updatePath @ leaflet-src.js:6042
L.Path.L.Layer.extend.redraw @ leaflet-src.js:5130
L.Polyline.L.Path.extend.setLatLngs @ leaflet-src.js:5411
L.EditToolbar.Edit.L.Handler.extend._revertLayer @ leaflet.draw-src.js:2759
(anonymous function) @ leaflet.draw-src.js:2716
L.LayerGroup.L.Layer.extend.eachLayer @ leaflet-src.js:4865
L.EditToolbar.Edit.L.Handler.extend.revertLayers @ leaflet.draw-src.js:2715
L.EditToolbar.L.Toolbar.extend.disable @ leaflet.draw-src.js:2578handler @ leaflet-src.js:6953

这是我用来设置leaflet.draw的代码

     var theMap;
     var mapLayer;
     var carLayer;
     var drawLayer;
     var drawControl;
     var trackerButton;
     ....
         this.setupDraw();

         theMap = L.map('mapCanvas', {
             center: mCityCenter,
             zoom: 20,
             layers: [osmLight, mapLayer, carLayer, drawLayer]
         });
         theMap.on("draw:created", this.addDrawing);
      ....
     this.setupDraw = function () {
         drawLayer = new L.FeatureGroup();

         drawControl = new L.Control.Draw({
             draw: {
                 polygon: {
                     allowIntersection: false, // Restricts shapes to simple polygons
                     showArea: true,
                     drawError: {
                         color: '#e1e100', // Color the shape will turn when intersects
                         message: '<strong>Oh snap!<strong> you can\'t draw that!' // Message that will show when intersect
                     }
                 }
             },
             edit: {
                 featureGroup: drawLayer
             }
         });
     }
     this.addDrawing = function (e) {
         var type = e.layerType;
         var layer = e.layer;

         if (type === 'marker') { }
         drawLayer.addLayer(layer);
     }

Answer 1

该版本的 Leaflet.draw 插件与您正在使用的 Leaflet 版本不兼容。

请务必阅读该插件的文档，它指出您应该使用 Leaflet.js 0.7。

Leaflet.draw： https: //github.com/Leaflet/Leaflet.draw

Leaflet.JS： http: //leafletjs.com/reference.html

来自 Leaflet.draw github 页面：“Leaflet.draw 0.2.3+ 需要 Leaflet 0.7.x。”

截至今天，似乎确实有一个 Leaflet.draw 的分支正在针对 Leaflet 1.0 RC 开发： https: //github.com/Leaflet/Leaflet.draw/tree/leaflet-master