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

WMS 时间动画

播放按钮每 0.8 秒推进一个时间片,合成降水带随时间移动。

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

说明

ol.source.TileWMS.updateParams() 修改参数后会更换瓦片键,旧瓦片被新请求替换。示例从三小时前开始,以 15 分钟为步长循环,把 ISO 时间写入 TIME 参数;合成函数按时间字符串生成不同位置的降水色块。播放与暂停控制定时器,顶部实时显示当前时间片。

操作结果
点击「播放」TIME 参数按 15 分钟步进,降水带移动
点击「暂停」停止更新,画面停留在当前时间片
查看顶部显示当前 TIME 值与播放状态

高频更新时间参数会让瓦片请求堆积;步长与帧率要匹配服务端出图能力,必要时降低帧率或预取下一帧。