Uncaught TypeError: Cannot read property 'enable' of undefined. (Polygon added after map load)

I am loading a single pologon into the featureGroup after the map and feature group has been loaded, by doing an ajax call to a web service. Creating the polygon is successful, but when then attempting to edit the polygon through the “Edit Layers” control, a JS error is received: “Uncaught TypeError: Cannot read property ‘enable’ of undefined”. Objects are declared before data is received:

var myPolygon;
var myFeatureGroup = L.featureGroup();
var map = L.map('mapdiv').setView([-21.113887987117593, 149.14807319641113], 15);
L.tileLayer('http://{s}.tiles.mapbox.com/v3/##myaccount##/{z}/{x}/{y}.png', {
    maxZoom: 18
}).addTo(map);

Then, when data is received from the AJAX function for the polygon, it is added to the featureGroup as follows:

function getPolygonDetails_CallBack(response) {
    handleResponse(response.d.response);

    myPolygon = omnivore.wkt.parse(response.d.polygonGeography);
    myFeatureGroup.addLayer(myPolygon);
    myFeatureGroup.addTo(map);

    var drawControl = new L.Control.Draw({
        edit: {
            featureGroup: myFeatureGroup
        },
        draw: {
            polygon:true,
            polyline: false,
            rectangle: false,
            circle: false,
            marker: false
        }
    }).addTo(map);

    map.on('draw:created', function (e) {
        myFeatureGroup.addLayer(e.layer);
    });
}

Now - when the draw modify control is used, the error is displayed - as though it can no longer reference “myPolygon”.

Same result tested in leaflet 0.7.3 & 0.8-dev and leaflet.draw 0.2.2 & 0.2.3.

[ddproxy]

@tyeware @dvector

Updated: https://jsfiddle.net/f9kmrhb7/86/

omnivore.wkt.parse() returns a GeoJSON object, which by default, is a FeatureGroup

Since FeatureGroup extends LayerGroup You can walk through the layers presented and add them individually to the FeatureGroup used for Leaflet.draw

[tyeware]

That’s awesome - thanks for the assistance.