首页 / OpenLayers / 使用示例
悬浮提示
ol.Overlay 把普通 DOM 挂在坐标上，鼠标划过的要素信息可以实时显示成气泡，不必点击。
源码与运行效果
说明
气泡元素先在页面里写好并隐藏，作为 element 交给 Overlay。
pointermove 事件里调用 map.forEachFeatureAtPixel()，
hitTolerance 给点符号留出容差。命中要素就把 Overlay 的
position 设为要素几何坐标，否则置空以隐藏气泡。
| 操作 | 结果 |
|---|---|
| 鼠标移到点符号上 | 气泡显示名称与所属类型 |
| 鼠标移出要素 | 气泡隐藏 |
| 拖动地图 | 气泡跟随要素坐标移动 |
forEachFeatureAtPixel 按渲染顺序遍历，要素多时用 layerFilter 限定范围可显著提速。