基于Leaflet与Vue的台风风暴潮预报可视化系统组件化设计与实现  

Component-based design and implementation of typhoon storm surge visualization system based on Leaflet and Vue

作　　者：刘思晗 李明杰[1,2] 肖林 徐腾[1] 叶文琦 LIU Sihan;LI Mingjie;XIAO Lin;XU Teng;YE Wenqi(National Marine Environmental Forecasting Center,Beijing 100081,China;Key Laboratory of Marine Hazards Forecasting,National Marine Environmental Forecasting Center,Ministry of Natural Resources,Beijing 100081,China;International Business Machines Corporation,Beijing 100027,China)

机构地区：[1]国家海洋环境预报中心,北京100081 [2]国家海洋环境预报中心自然资源部海洋灾害预报技术重点实验室,北京100081 [3]国际商业机器(中国)有限公司,北京100027

出　　处：《海洋预报》2023年第5期73-80,共8页Marine Forecasts

基　　金：国家自然科学基金(42076214)。

摘　　要：分析了海洋动力过程常用的可视化分析方法,并对台风风暴潮预报业务进行了开源WebGIS引擎的对比与选型。为了满足台风风暴潮预报可视化的多元化和轻量化需求,采用了Leaflet作为WebGIS框架引擎,基于组件化开发思想,阐述了采用Leaflet与Vue的组件化页面设计及相应实现方法。此方法可以描述台风风暴潮预报可视化系统的总体交互逻辑与可视化效果。This paper analyzes the widely-used visualization methods for ocean dynamic processes,and compares open-source WebGIS engines for typhoon storm surge forecasting.In order to meet the diversified and lightweight requirements of typhoon storm surge visualization,Leaflet is chosen as the WebGIS framework engine.Based on the idea of component-based development,this paper explains the component-based page design and corresponding implementation methods using Leaflet and Vue,and describes the overall interactive logic and visualization effect of the typhoon storm surge visualization system.

关 键 词：台风风暴潮 数据可视化 网络地理信息系统 Leaflet与Vue 

分 类 号：P731.23[天文地球—海洋科学]