传统河段洪水预报结果展示普遍为预报时间、预报值以及过程曲线,静态展示的是预报断面预报洪水过程,洪水到达前当前洪峰所在位置并不明确。为此,基于Vue框架和OpenLayers客户端,结合洪水预报结果和区间河道经纬度坐标集,使用Turf进行洪峰位置实时坐标更新计算,提出一种新的河段洪水预报动态可视化展示设计。通过利用该设计对大渡河丹巴水文站至猴子岩水电站河段进行预报模拟,实现了预报洪峰“动起来”的效果。结果表明,该设计能够更直观地可视化展示预报洪水传播情况。