map - Leaflet.js : Open all popup bubbles on page load

Question

我正在尝试从 Leaflet.js 文档中找出如何在显示页面时打开多个弹出窗口。例如，如果有三个标记(每个标记代表一座建筑物)，每个标记都会立即打开其弹出窗口。

http://leaflet.cloudmade.com/reference.html#popup

神秘地说:

“使用 Map#openPopup 打开弹出窗口，同时确保一次只打开一个弹出窗口(推荐使用)，或者使用 Map#addLayer 打开任意多个。”

但

http://leaflet.cloudmade.com/reference.html#map-addlayer

没有给出有关如何实现的提示。

任何人都可以澄清这是否可能，并就如何做到这一点提供任何提示吗？

Answer 1

您必须将弹出窗口添加为图层。
尝试使用此示例代码:

var popupLocation1 = new L.LatLng(51.5, -0.09);
var popupLocation2 = new L.LatLng(51.51, -0.08);

var popupContent1 = '<p>Hello world!<br />This is a nice popup.</p>',
popup1 = new L.Popup();

popup1.setLatLng(popupLocation1);
popup1.setContent(popupContent1);

var popupContent2 = '<p>Hello world!<br />This is a nice popup.</p>',
popup2 = new L.Popup();

popup2.setLatLng(popupLocation2);
popup2.setContent(popupContent2);

map.addLayer(popup1).addLayer(popup2);