微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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);

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐