`r`n
经纬志
`r`n
`r`n
首页 / OpenLayers / 使用示例
`r`n

悬停高亮

悬停反馈不需要点击,pointermove 加一次命中检测就能实现。

OpenLayers 10.3.1 · 更新 2026-10-28
`r`n
源码与运行效果
运行效果
`r`n

说明

示例在八个点位上来回移动,命中检测调用 forEachFeatureAtPixel 并传入 hitTolerance: 6,让小圆点更容易被选中。命中要素改用橙色大圆并补一个文字标注,移出后把样式置空恢复。当前要素存在变量里,避免每次移动都重复设置样式。

操作结果
把光标移到圆点上圆点放大变橙,顶部显示名称与编号
移出圆点样式复原,光标变回默认
在圆点附近 6 像素内移动同样能触发命中

要点

  • evt.dragging 为真时跳过检测,拖动地图不会闪。
  • 命中容差对触屏操作尤其重要。

悬停提示只在桌面端可靠,移动端应改用长按或点击。

`r`n
`r`n