更改实时弹出的地图内容，Leaflet js

Question

在Leaflet中，我显示了一个弹出的地图，显示有关所选区域的信息。 这是我的代码

L.geoJson(territories, {
    style: function(feature) {
          return {color: "#328CFA"};
    }
}).bindPopup(poupcontent).addTo(map);

变量poupcontent具有要在弹出窗口中显示的数据。 我的网站有一些过滤选项。 现在我需要的是根据应用的过滤器实时过滤弹出窗口中显示的内容。

Answer 1

弹出窗口是纯HTML，可以动态插入到页面中，也可以封装在<div id="popupcontent">...</div>中。有了它，您可以使用document.getElementById('popupcontent').innerHTML访问内容，然后根据需要进行更改。

Answer 2

我找到了一个更好的答案。在过滤器函数中调用bindpopup函数对我来说很有用。

var territories = L.geoJson(territories, {
    style: function(feature) {
          return {color: "#328CFA"};
    }
}).addTo(map);

territories.bindPopup(poupcontent);

使用新内容

调用过滤器函数内的territories.bindPopup(newpoupcontent);