首页 / OpenLayers / 使用示例
WMS 时间动画
播放按钮每 0.8 秒推进一个时间片,合成降水带随时间移动。
源码与运行效果
说明
ol.source.TileWMS.updateParams() 修改参数后会更换瓦片键,旧瓦片被新请求替换。示例从三小时前开始,以 15 分钟为步长循环,把 ISO 时间写入 TIME 参数;合成函数按时间字符串生成不同位置的降水色块。播放与暂停控制定时器,顶部实时显示当前时间片。
| 操作 | 结果 |
|---|---|
| 点击「播放」 | TIME 参数按 15 分钟步进,降水带移动 |
| 点击「暂停」 | 停止更新,画面停留在当前时间片 |
| 查看顶部 | 显示当前 TIME 值与播放状态 |
高频更新时间参数会让瓦片请求堆积;步长与帧率要匹配服务端出图能力,必要时降低帧率或预取下一帧。