leaflet 鼠标悬停
时间: 2023-08-01 08:06:20 浏览: 233
鼠标悬停层
4星 · 用户满意度95%
在 Leaflet 中,可以使用鼠标悬停事件来触发一些操作,比如显示某个元素的信息或者改变某个元素的样式等。下面是一个简单的例子:
```javascript
var marker = L.marker([51.5, -0.09]).addTo(map);
marker.bindTooltip("Hello World!").openTooltip();
marker.on('mouseover', function(e) {
this.openTooltip();
});
marker.on('mouseout', function(e) {
this.closeTooltip();
});
```
在上面的例子中,我们创建了一个标记,并在鼠标悬停时打开了一个工具提示。当鼠标进入标记时,我们通过 `mouseover` 事件打开工具提示,当鼠标离开标记时,我们通过 `mouseout` 事件关闭工具提示。
除了用 `on()` 方法绑定事件外,还可以使用更简单的方法,比如 `addEventListener()` 等。同时,也可以结合 CSS 样式来改变元素的样式,从而实现更多的效果。
阅读全文