将leaflet.js弹出移到前面

Question

我有一张同时打开多个弹出窗口的地图。弹出窗口包含一条tweet，用户需要快速扫描内容，因此为什么同时打开多个弹出窗口。

当我点击一个弹出式窗口时，我希望它在所有其他弹出窗口的前面移动。虽然我可以捕捉到正确的弹出窗口，但是在弹出窗口上没有像其他层一样的bringToFront()，而且zIndexOffset也没有定义。

有人成功地让弹出式窗口移到前线了吗？操作css zindex是要走的路吗？

Answer 1

假设您将弹出绑定到标记或多边形，我将使用标记的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