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 reference documentation吗？它指定您可以通过创建弹出窗口并使用它来调用.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

您可以将popup options的对象作为bindPopup的第二个参数传递，如下所示：

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

我已经在Leaflet 1.4中进行了测试，并且似乎在bindPopup的早期版本中也可用。