leafletjs标记带有选项​​的bindpopup()

Question

小册子文档显示您可以向标记添加弹出窗口

marker.bindPopup("<b>Hello world!</b><br>I am a popup.").openPopup();

或创建一个独立的弹出窗口

var popup = L.popup()
    .setLatLng([51.5, -0.09])
    .setContent("I am a standalone popup.")
    .openOn(map);

有没有办法设置弹出选项并将其绑定到标记？我希望能够为弹出窗口设置自己的最大宽度,并在单击标记时打开/关闭它们.

Answer 1

您确定要阅读Leaflet参考文档吗？它指定您可以通过创建弹出窗口并使用它来调用.bindPopup来绑定弹出窗口.例如,

var popup = L.popup()
    .setContent("I am a standalone popup.");

marker.bindPopup(popup).openPopup();

Answer 2

对于maxWidth，您应该这样做：

var popup = L.popup({
    maxWidth:400
});
marker.bindPopup(popup).openPopup();

Answer 3

您可以将弹出选项对象作为 bindPopup 的第二个参数传递，如下所示：

marker.bindPopup("<strong>Hello world!</strong><br />I am a popup.", {maxWidth: 500});

我已经在 Leaflet 1.4 中测试过这个，它似乎也可以在早期版本的bindPopup 中使用。