2

I am trying to delete/ edit a shape created using leaflet draw.

I get the following error when trying to edit the shape created.

I'm using leaflet 1.0-rc1 and leaflet draw version 0.3.2.

enter image description here

Here's my code:

 var map = L.map('map').setView([28.7041, 77.1025], 13);
    L.esri.basemapLayer("Topographic").addTo(map);
    //Edit Toolbar

    var drawnItems = new L.FeatureGroup();
    map.addLayer(drawnItems);

    var drawControl = new L.Control.Draw({
        draw: {
            position: 'topleft',
            polygon: {
               allowIntersection: false,
                drawError: {
                    color: '#b00b00',
                    timeout: 1000
                },
                showArea: true
            },
            circle: {
                shapeOptions: {
                    color: '#662d91'
                }
            },
            polyline: false,
            rectangle: true,
            marker: false,
        },
        edit: {
            featureGroup: drawnItems
        }
    });
    map.addControl(drawControl);

    map.on('draw:created', function (e) {
        var type = e.layerType,
        layer = e.layer;
        drawnItems.addLayer(layer);
    });
codejunkie
  • 908
  • 2
  • 21
  • 34

1 Answers1

2

For Leaflet 1.0, you have to use Leaflet.draw leaflet-master branch, as mentioned on the repo home page:

Support for Leaflet 1.0 is in development at the leaflet-master branch.

Demo: https://plnkr.co/edit/PmHj1FhOoeZBEsAnEu1z?p=preview

That means that you may not have all the latest features from the plugin unfortunately (e.g. Display Polyline length in feet using Leaflet.Draw toolbar)

ghybs
  • 47,565
  • 6
  • 74
  • 99