首页 / OpenLayers / 使用示例
标记脉冲动画
实时标记常用扩散光圈提示位置；每帧修改圆形样式的半径，就能得到呼吸般的脉冲。
源码与运行效果
说明
脉冲要素单独设置一个 ol.style.Circle，外圈填充半透明蓝色。
requestAnimationFrame 每帧按正弦函数算出半径，
通过 style.getImage().setRadius() 更新，渲染器在下一帧自动重绘。
中心实心点使用普通样式，两者叠在一起形成「扩散 + 定位」的视觉。
| 操作 | 结果 |
|---|---|
| 观察天安门点位 | 外圈持续放大缩小 |
| 勾选「暂停动画」 | 半径停在当前值，不再变化 |
| 缩放地图 | 脉冲尺寸按屏幕像素计算，不随比例尺变化 |
动画长期运行时切到后台标签页会被浏览器限帧，可监听 visibilitychange 主动暂停循环。