Wie kann man nur ein Feature/Polygon gleichzeitig mit Leaflet bearbeiten?

Question

Seit Tagen versuche ich mein Problem zu lösen.

Ich habe eine Polygonschicht von einem GeoJSON. Ich möchte meine Polygone mit dem Klickereignis bearbeiten. Wenn ich auf ein Polygon klicke, wird es editierbar, aber was ich will ist, dass wenn ich auf ein anderes Polygon klicke, das erste Polygon nicht mehr im bearbeitbaren Modus ist.

OpenLayers aber natürlich nicht Leaflet.

Hier ist ein Auszug aus meinem Code:

var editableLayers = new L.FeatureGroup().addTo(map); 
var polygon_json; 
    $.ajax({ 
    type: "GET", 
    dataType: "json", 
    url: "get_json.php", 
    success: function (response) { 
         meaux_json = L.geoJson(response, { 
         onEachFeature: onEachFeature  
         }); 
         } 
    }); 

//edit the targeted polygon 
function onEachFeature (feature, layer) { 
        editableLayers.addLayer(layer); 
        layer.on('click', function(e){ 
        e.target.editing.enable(); 
        }); 
       } 

Eine Person in der Lage war, es zu tun, aber ich habe Schwierigkeiten zu verstehen, wie: https://github.com/dwilhelm89/Ethermap

Answer 1

Ich glaube, Sie nah sind. In Ihrer onEachFeature-Funktion sollten Sie die angeklickte Funktion speichern, damit Sie die Bearbeitung im Click-Handler aktivieren/deaktivieren können.

var selectedFeature = null; 
//edit the targeted polygon 
function onEachFeature (feature, layer) { 
    editableLayers.addLayer(layer); 
    layer.on('click', function(e){ 
      if(selectedFeature) 
       selectedFeature.editing.disable(); 
      selectedFeature = e.target; 
      e.target.editing.enable(); 
    }); 
}