leaflet.draw无法正确取消

Question

在下面的代码片段中，我设置了leaflet.draw插件。可以很好地添加功能(线、标记、多边形)。可以很好地进行编辑和删除。但是取消操作不起作用(简单的相交测试也不起作用，但我可以忍受没有这个)。您有什么想法是我错了如何设置插件吗？(Chrome V44，leaflet 1.0 Beta 2，leaflet.draw (0.2.4-dev)(在leaflet'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);
     }

- Dr.YSG

---

你能把这个放到 JSFiddle 上吗？ - Stranded Kid

我错了。它在leaflet 7.7中可以工作，但在1.0 beta 2中无法工作。 - Dr.YSG

你是指0.7吧，还没有7.7。1.0到今天为止仍然是一个发布候选版本。请参阅下面的详细答案。 - nothingisnecessary

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 1.0 RC正在开发的Leaflet.draw分支：https://github.com/Leaflet/Leaflet.draw/tree/leaflet-master。

- nothingisnecessary