首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用Leaflet.js关闭所有弹出窗口

使用Leaflet.js关闭所有弹出窗口
EN

Stack Overflow用户
提问于 2013-12-28 23:27:12
回答 5查看 31.8K关注 0票数 36

我正在使用Leaflet.js制作一张地图,它使用了许多标记(最终将有大约40个标记)。每个标记都有一个相关的弹出窗口,其中包含详细信息。Leaflet.js的默认行为似乎是自动打开至少一个标记的弹出窗口(我相信是最后列出的标记)。

我希望所有的弹出窗口在地图页面的初始加载是关闭的,所以用户必须单击标记才能打开弹出窗口。有人知道怎么做吗?我在这里有一个原型:

http://dev.monographic.org/maps/prototype-10.html

谢谢。

EN

回答 5

Stack Overflow用户

发布于 2014-12-03 23:29:28

我设法通过这段代码解决了我的问题:

代码语言:javascript
复制
$(".leaflet-popup-close-button")[0].click();

希望它能在未来帮助到某些人。

票数 16
EN

Stack Overflow用户

发布于 2014-04-24 08:56:10

只要删除对.openPopup()的调用即可。

而不是

代码语言:javascript
复制
L.marker([57.70887, 11.97456]).addTo(map).bindPopup("<b>Ideal Festival</b><br />2004").openPopup();

使用

代码语言:javascript
复制
L.marker([57.70887, 11.97456]).addTo(map).bindPopup("<b>Ideal Festival</b><br />2004");

点击行为仍然存在(当用户点击这些标记时,弹出窗口仍然会出现),但当页面加载时,弹出窗口将不可见。

票数 5
EN

Stack Overflow用户

发布于 2014-04-21 22:30:40

代码语言:javascript
复制
$(".leaflet-popup-close-button").click()

在地图加载完成后尝试此操作。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20816173

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档