基于Vue+OpenLayers+Turf的河段洪水预报动态可视化展示设计  

Dynamic Visualization Display Design of Flood Forecast Based on Vue+OpenLayers+Turf

作　　者：王甫志 时焱红 陶春华 常高松 WANG Fuzhi;SHI Yanhong;TAO Chunhua;CHANG Gaosong(CHN Energy Dadu River Big Data Service Co.,Ltd.,Chengdu 610041,Sichuan,China;Sichuan Xin Neng Project Consulting Co.,Ltd.,Chengdu 610041,Sichuan,China;Hydrological and Water Resources Survey Bureau of Sichuan Province,Chengdu 610036,Sichuan,China)

机构地区：[1]国能大渡河大数据服务有限公司,四川成都610041 [2]四川新能工程咨询有限公司,四川成都610041 [3]四川省水文水资源勘测局,四川成都610036

出　　处：《水力发电》2022年第8期21-23,65,共4页Water Power

摘　　要：传统河段洪水预报结果展示普遍为预报时间、预报值以及过程曲线,静态展示的是预报断面预报洪水过程,洪水到达前当前洪峰所在位置并不明确。为此,基于Vue框架和OpenLayers客户端,结合洪水预报结果和区间河道经纬度坐标集,使用Turf进行洪峰位置实时坐标更新计算,提出一种新的河段洪水预报动态可视化展示设计。通过利用该设计对大渡河丹巴水文站至猴子岩水电站河段进行预报模拟,实现了预报洪峰“动起来”的效果。结果表明,该设计能够更直观地可视化展示预报洪水传播情况。The results of traditional river flood forecast generally displays as forecast time,forecast value and process curve,and the static display is the forecasted flood process of forecasted river section,while the location of current flood peak before the flood arrives is not clear.To this end,based on the Vue framework and OpenLayers client,and combined with the flood forecast results and the longitude and latitude coordinate set of the interval river,the Turf is used to calculate the real-time coordinates update of the flood peak position,and a new dynamic visualization display design of flood forecast for the river reach is proposed.By using this design to forecast and simulate the river section from Danba Hydrological Station to Houziyan Hydropower Station of Dadu River,and the effect of a“moving”flood peak is realized.The results show that this design can visualize the forecast of flood propagation more intuitively.

关 键 词：可视化展示 动态展示设计 河段洪水预报 Vue框架 OpenLayers客户端 TURF 

分 类 号：TV122[水利工程—水文学及水资源]