我正在尝试从Leaflet.js文档中找出如何在显示页面时打开多个弹出窗口.例如,如果有三个标记(每个代表一个建筑物),每个标记将立即打开它们的弹出窗口.
http://leaflet.cloudmade.com/reference.html#popup
神秘地说：
“使用Map#openPopup打开弹出窗口,同时确保一次只打开一个弹出窗口(推荐用于可用性),或使用Map#addLayer打开所需的多个.”
但
http://leaflet.cloudmade.com/reference.html#map-addlayer
没有提示如何实现这一点.
任何人都可以澄清这是否可行,并给出任何提示如何做到这一点？
解决方法
您必须将弹出窗口添加为图层.
尝试使用此示例代码：
尝试使用此示例代码：
- 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);
