leaflet 的 popup怎么设置常显
时间: 2023-10-25 11:33:57 浏览: 194
【vue+leaflet+elementUI】vue项目中在Leaflet弹框Popup中使用elementui组件(三)
在 Leaflet 中,弹出框(popup)默认是在用户点击地图上的标记(marker)或者其他图形元素时才显示出来的,而不能常显。不过,你可以通过设置 marker 的 `openPopup()` 方法来实现一开始就显示弹出框。具体的方法如下:
1. 创建 marker,并将其添加到地图上:
```javascript
var marker = L.marker([51.5, -0.09]).addTo(map);
```
2. 设置弹出框的内容:
```javascript
marker.bindPopup("<b>Hello world!</b><br>I am a popup.").openPopup();
```
这里的 `bindPopup()` 方法用于设置弹出框的内容,`openPopup()` 方法用于打开弹出框。通过这种方式,你可以让弹出框在 marker 加载时就常显。
如果你想让弹出框在地图加载时就常显,而不是只在 marker 加载时常显,可以在 `marker.bindPopup()` 方法中添加 `{autoClose: false}` 参数,如下所示:
```javascript
marker.bindPopup("<b>Hello world!</b><br>I am a popup.", {autoClose: false}).openPopup();
```
这样就可以实现弹出框的常显了。
阅读全文