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

风场流线

页面内生成的风场速度分量驱动粒子流线,颜色按风速插值,随地图平移持续运动。

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

说明

ol.layer.Flow 读取数据瓦片里的 U、V 分量,在 GPU 上积分粒子轨迹。ol.source.DataTile 的 loader 按瓦片范围生成 Float32Array,两个波段分别是东西向与南北向风速。样式用 ['get', 'speed'] 在色标间插值,maxSpeed 决定粒子移动速度上限。

操作结果
观察流线方向粒子沿风矢量前进,遇到低风速区速度变慢
拖动地图新瓦片按同一风场函数生成,流线连续
缩放地图粒子数量固定,密度随视野变化

风场数据需保证 U、V 同单位、同方向定义;正 V 通常表示向北,若数据源使用气象约定(风来向),需要先取反。