将leaflet.js弹出窗口移到前面

时间:2013-12-31 12:26:01

标签: leaflet

我有一张同时打开多个弹出窗口的地图。弹出窗口包含推文,用户需要快速扫描内容,因此可以同时打开多个弹出窗口。

当我点击弹出窗口时,我希望它在所有其他人面前移动。虽然我可以捕获正确的弹出窗口,但弹出窗口上没有bringToFront(),就像其他图层一样,zIndexOffset也没有定义。

有没有人成功地让弹出窗口移到前线?操纵css zindex的方法是什么?

1 个答案:

答案 0 :(得分:1)

假设您将弹出窗口绑定到标记或多边形,我将使用标记或poly的bringToFront()函数。如果这对您不起作用,我建议扩展L.Popup并仔细查看L.Marker,了解它们如何实现了bringToFront和setZIndex功能。在那里,您还可以添加上一个问题的点击事件功能:how to catch the click event on a leaflet popup

L.Marker来源@ https://github.com/Leaflet/Leaflet/blob/master/src/layer/marker/Marker.js