使用Vue2Leaflet的l-popup组件调整小叶弹出窗口的宽度

Question

我正在编写一个web应用程序，并使用leaflet来显示地图。我定义了在单击相应的标记时出现的标记和弹出窗口。

不幸的是，弹出窗口目前看起来很奇怪(高度太大，宽度太小)。出于这个原因，我正在尝试调整弹出窗口的宽度。

我在Vue2Leaflet文档(https://vue2-leaflet.netlify.app/components/LPopup.html)中看到，我可以将options属性传递给l-popup组件。因此，我尝试了以下方法：

<l-popup :options="{ width: 600 }" id="popup"></l-popup>

但它并没有起作用。如何正确传递宽度选项，以便更改弹出窗口的宽度？或者我走在一条完全错误的道路上？如果是，如何修改l-popup组件的宽度？

谢谢你的帮助！

Answer 1

我也有同样的问题。最后，我没有使用中的选项，而是使用CSS。

示例：

<l-popup class="map-popup"></l-popup>

然后简单地在CSS中设置元素的样式：

.map-popup {
    min-width: 600px;
}