javascript - leafletjs - marker.bindPopup - 保持所有弹出窗口打开

Question

我在使用传单打开所有弹出窗口时遇到了一些困难。

我在循环中有以下代码，用于将标记添加到 LayerGroup(ajax 自动更新)。

var marker = L.marker([value.position.lat, value.position.lon],options).addTo(markers);
allpoints.push([value.position.lat, value.position.lon]);
marker.bindPopup("InfoWindow",{closeOnClick:false,closeButton:false}).openPopup();

它工作得很好，除了它只保持最后一个弹出窗口打开。我想让它们全部打开。我确实在这里 (stackoverflow) 上找到了一篇关于使用不同的标记名称这样做的文章，但是我把它放在一个循环中。我确实尝试将 L.marker 放入数组中，但 leaflet 不喜欢那样。

有什么想法吗？

Answer 1

您将需要覆盖 Leaflet Map 上的 openpopup 方法，将其替换为该方法的副本，仅注释掉调用 this.closePopup() 的行；

在你的页面上你会添加

L.Map = L.Map.extend({
    openPopup: function (popup, latlng, options) { 
        if (!(popup instanceof L.Popup)) {
        var content = popup;

        popup = new L.Popup(options).setContent(content);
        }

        if (latlng) {
        popup.setLatLng(latlng);
        }

        if (this.hasLayer(popup)) {
        return this;
        }

        // NOTE THIS LINE : COMMENTING OUT THE CLOSEPOPUP CALL
        //this.closePopup(); 
        this._popup = popup;
        return this.addLayer(popup);        
    }
});

http://jsfiddle.net/yVLJf/37/

你可以在这里找到原始的 Leaflet openPopup 方法: https://github.com/Leaflet/Leaflet/blob/1acffc5a3d31010b7d613382ab2a5830ecee5dd5/src/layer/Popup.js#L290