之前介绍了 Openlayers
的点击事件,这次介绍一下悬浮事件。
悬浮事件和点击事件还是有区别的:一般点击事件是一次事件,而悬浮事件往往是两次事件。
比如,点击改变颜色,想要改回来,再执行一遍即可;
而悬浮事件改变颜色,往往需要鼠标移入改变颜色,移出还原颜色。
本文介绍了图形要素(Feature)的三种悬浮事件实现方式:
- 开启地图事件,通过传递给图形要素(
Feature
)的方式实现。 - 开启地图事件,判断当前图形要素(
Feature
)的方式实现。 - 通过图形要素(
Feature
)选中交互实现。
三种方式可根据实际需求来选择使用,详情见代码注释。
本文包括核心代码、完整代码以及在线示例。
核心代码
三种注册悬浮事件方式: