首页 / OpenLayers / 使用示例
`r`n 悬停高亮
悬停反馈不需要点击,pointermove 加一次命中检测就能实现。
源码与运行效果
说明
示例在八个点位上来回移动,命中检测调用 forEachFeatureAtPixel 并传入 hitTolerance: 6,让小圆点更容易被选中。命中要素改用橙色大圆并补一个文字标注,移出后把样式置空恢复。当前要素存在变量里,避免每次移动都重复设置样式。
| 操作 | 结果 |
|---|---|
| 把光标移到圆点上 | 圆点放大变橙,顶部显示名称与编号 |
| 移出圆点 | 样式复原,光标变回默认 |
| 在圆点附近 6 像素内移动 | 同样能触发命中 |
要点
evt.dragging为真时跳过检测,拖动地图不会闪。- 命中容差对触屏操作尤其重要。
悬停提示只在桌面端可靠,移动端应改用长按或点击。