经纬志
首页 / OpenLayers / 使用示例

立即渲染(地理坐标)

在 postrender 里直接拿渲染上下文画脉冲圆环,不经过图层与要素。

OpenLayers 10.3.1 · 对应官方 immediate-geographic.html · 更新 2026-10-28
源码与运行效果
运行效果

说明

立即渲染跳过图层与要素,直接在 postrender 里拿到渲染上下文画图。示例把经纬度转换成视图坐标后,用 drawCircle 与 drawGeometry 画脉冲圆环。

每帧半径随相位变化、透明度递减,形成扩散效果;关闭动画开关即停止重绘。

操作结果
观察圆环三个监测点持续扩散
关闭动画画面静止在最后一帧
缩放地图圆环按分辨率换算,视觉半径稳定

立即渲染的内容不参与命中测试,交互仍要落在真实要素或图层上。