Làm thế nào để chỉ cho phép chỉnh sửa một đối tượng địa lý/đa giác cùng lúc với Leaflet?

Question

Đó là những ngày tôi đang cố giải quyết vấn đề của mình.

Tôi có lớp đa giác từ GeoJSON. Tôi muốn chỉnh sửa đa giác của mình bằng sự kiện nhấp chuột. Khi tôi nhấp vào một đa giác, nó sẽ trở thành có thể chỉnh sửa nhưng điều tôi muốn là khi tôi nhấp vào một đa giác khác, đa giác đầu tiên không còn ở chế độ có thể chỉnh sửa nữa.

OpenLayers nhưng tự nhiên không có Leaflet.

Dưới đây là một đoạn trích từ mã của tôi:

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

Một người đã có thể làm điều đó nhưng tôi gặp khó khăn trong việc tìm hiểu: https://github.com/dwilhelm89/Ethermap

Answer 1

Tôi nghĩ rằng bạn là chặt chẽ. Trong hàm onEachFeature của bạn, bạn nên lưu trữ tính năng đã được nhấp để bạn có thể bật/tắt tính năng chỉnh sửa trong trình xử lý nhấp chuột.

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