map – Leaflet.js:打开页面加载的所有弹出窗口

前端之家收集整理的这篇文章主要介绍了map – Leaflet.js:打开页面加载的所有弹出窗口前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试从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);

猜你在找的JavaScript相关文章