leaflet 给polygon添加标题,不用鼠标悬浮,直接显示在polygon上
时间: 2024-04-05 21:29:12 浏览: 127
81.(leaflet篇)leaflet区域高亮(悬浮修改样式).zip
5星 · 资源好评率100%
要在 Leaflet 中给多边形添加标题并直接显示在多边形上,可以使用 Leaflet.label 插件。该插件可以为 Leaflet 中的图层添加标签,包括多边形。
以下是添加多边形标签的示例代码:
```javascript
// 创建多边形
var polygon = L.polygon([
[51.509, -0.08],
[51.503, -0.06],
[51.51, -0.047]
]).addTo(map);
// 添加标签
polygon.bindLabel('My Polygon', { noHide: true }).showLabel();
```
在上面的代码中,`bindLabel` 方法用于绑定标签并设置标签内容,`showLabel` 方法用于显示标签。`noHide` 参数表示当鼠标移出多边形时标签不会自动隐藏。
注意:在使用 Leaflet.label 插件之前,需要先引入相关的 CSS 和 JavaScript 文件。
阅读全文