6

在下面的代码片段中，我设置了 leaflet.draw 插件。可以很好地添加功能（线、标记、多边形）。适用于编辑和删除。但是取消操作不起作用（简单的交集测试也不起作用，但我可以没有它）。知道我在设置插件时做错了什么吗？

（Chrome V44，leaflet 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);
     }
4

1 回答 1

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

于 2016-06-18T14:04:54.727 回答