Polygon programmatisch in Leaflet L.Draw Plugin hinzufügen

Question

Gibt es eine Möglichkeit, ein Polygon programmatisch mit dem Leaflet Draw Plugin hinzuzufügen? https://github.com/Leaflet/Leaflet.draw

Zum Beispiel: Klicken Sie auf eine Schaltfläche und fügen Sie ein Quadrat hinzu, das vom Plugin bearbeitet werden kann.

Danke!

Answer 1

Sie müssen nur Ihr Polygon (oder eine andere Ebene, die bearbeitet werden soll) zur Feature-Gruppe hinzufügen, die Sie an die edit.featureGroup-Option Ihres L.Control.Draw-Steuerelements übergeben.

var editableLayers = L.featureGroup().addTo(map); 
var drawControl = new L.Control.Draw({ 
    edit: { 
    featureGroup: editableLayers 
    } 
}); 

// Add a new editable rectangle when clicking on the button. 
button.addEventListener('click', function (event) { 
    event.preventDefault(); 

    L.rectangle([ 
    getRandomLatLng(), 
    getRandomLatLng() 
    ]).addTo(editableLayers); // Add to editableLayers instead of directly to map. 
}); 

Alles, was später in dieser Feature-Gruppe ist, kann durch einen Klick auf den „Bearbeiten von Ebenen“ Taste bearbeitet werden (wenn diese Funktion aktiviert ist).

Demo: http://playground-leaflet.rhcloud.com/yili/1/edit?html,output