更新傳單GeoJson圖層並保持選定的功能彈出

Question

我有一個leaflet地圖，我刷新從服務器的新數據。您可以點擊地圖功能，並會顯示popup。每次刷新時，我使用map.removeLayer刪除layer，使用L.geoJson添加新數據，但彈出消失。我希望彈出窗口能夠保持新數據的活躍狀態。我知道這可能不會按照我的方式去除layer。有沒有另外一種方法來刷新圖層數據並保持選定的功能彈出？

這是我從服務器獲取新數據後調用的刷新函數。

function refreshMapLocations() { 
    map.removeLayer(locationLayer);  
    locationLayer = L.geoJson(locations, { 
     onEachFeature: onEachFeature 
    }).addTo(map); 
} 

這在彈出的每個功能

function onEachFeature(feature, layer) { 
    if (feature.properties && feature.properties.UserName) { 
     layer.bindPopup(feature.properties.UserName); 
    } 
} 

Answer 1

這個工作，我跟蹤我，在彈出的內容設置ID的。添加圖層後，我存儲Popup，其中clickedId並且popupOpen。

var popupToOpen; 
var clickedId; 

function onEachFeature(feature, layer) { 
    if (feature.properties && feature.properties.UserName) { 
     if (feature.properties.MarkerId == clickedId) {    
      layer.bindPopup("div id='markerid'>"+feature.properties.MarkerId+"</div>feature.properties.UserName); 
     } else { 
      layer.bindPopup("div id='markerid'>"+feature.properties.MarkerId+"</div>feature.properties.UserName); 
     } 
    } 
} 

function refreshMapLocations() { 
    map.removeLayer(locationLayer);  
    locationLayer = L.geoJson(locations, { 
     onEachFeature: onEachFeature 
    }).addTo(map); 

    if (popupToOpen != null) { 
     popupToOpen.openPopup(); 
    } 
} 

function initMap() { 
    ... 
    map.on('popupopen', function (e) { 
     ... 
     //clickedId = id from event popup 
    } 
}