Come consentire la modifica di una sola funzione/poligono alla volta con Leaflet?

Question

Sono giorni che cerco di risolvere il mio problema.

Ho uno strato poligono da un GeoJSON. Voglio modificare i miei poligoni con l'evento click. Quando clicco su un poligono diventa modificabile, ma quello che voglio è che quando clicco su un altro poligono, il primo poligono non è più in modalità modificabile.

OpenLayers ma naturalmente non Leaflet.

Ecco un estratto dal mio codice:

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(); 
        }); 
       } 

Una persona è stata in grado di farlo, ma io sto avendo difficoltà a capire come: https://github.com/dwilhelm89/Ethermap

Answer 1

Penso che vi sono vicino. Nella funzione onEachFeature è necessario memorizzare la funzione su cui è stato fatto clic in modo da poter abilitare/disabilitare la modifica nel gestore di clic.

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(); 
    }); 
}