# ^1 T6 n3 e2 X% O" g( X, ~: Z( m5 Y2 f. u v
基于Leaflet与Vue的台风风暴潮预报可视化系统组件化设计与实现
( v* L7 d- N" {
@% A6 W' j1 E! d全文请用PC端下载 地址：9 I# v9 }4 i) Q0 r6 l4 ?9 e
4 z5 V2 _. R: B0 ]5 ]) p
http://www.hyyb.org.cn/Magazine/Show.aspx?ID=3512
+ W! ~0 R" S6 G读书小笔记
0 q3 w5 O) W/ [/ x; ~' W作者：刘思晗1 2 李明杰1 2 肖林1 2 徐腾1 叶文琦31 n) ?9 w- g7 K8 ?7 {4 ~
单位：1. 国家海洋环境预报中心, 北京 100081; L) `8 T0 l3 i e/ c5 z" `( C
2. 国家海洋环境预报中心 自然资源部海洋灾害预报技术重点实验室, 北京 100081;0 I% Y, ]* G; K" |$ H" U
3. 国际商业机器(中国)有限公司, 北京 100027 ~0 w: i( G2 s+ k+ w+ D
分类号：P731.23
& i# T# I" g" b* ~出版年·卷·期（页码）：2023·40·第五期（73-80）
. |/ U3 M3 p0 B1 k8 [摘要：分析了海洋动力过程常用的可视化分析方法，并对台风风暴潮预报业务进行了开源WebGIS引擎的对比与选型。为了满足台风风暴潮预报可视化的多元化和轻量化需求，采用了Leaflet作为WebGIS框架引擎，基于组件化开发思想，阐述了采用Leaflet与Vue的组件化页面设计及相应实现方法。此方法可以描述台风风暴潮预报可视化系统的总体交互逻辑与可视化效果。
1 R, n4 [+ j, P! |: s4 m1 v关键词：台风风暴潮 数据可视化 网络地理信息系统 Leaflet与Vue. @. U3 [2 ?. B; A3 c
Abstract：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.$ `& s9 g% j* j! |& N
Key words：typhoon storm surge; data visualization; WebGIS; Leaflet and Vue% z- ~8 D' \1 H1 w8 f4 q
+ j4 K; u( N% q5 n; S
7 F9 T* \8 R) b$ V; X9 R) I读者也可以通过公众号菜单栏- C0 r/ C( J& G7 n& |- O) Y/ l: h n
“相关知识”板块进入《当期目录》和《过刊浏览》
# J" S* R8 @( j5 ~0 ^+ q查阅详细期刊内容
9 l! j* A# Q1 C* R. ?( }; _未来两天海洋环境预报* [# U/ X+ v6 f# x1 _
预计明天，
O# j9 {2 \: s* o渤海、黄海有2到3.3米的中浪到大浪区；, U# ]; a4 s+ s; d, D
东海、台湾海峡、台湾以东洋面有1到1.8米的轻浪到中浪；: ^. v5 D2 @. M: Y9 f: O
巴士海峡、南海北部、南海中部有2到3.5米的中浪到大浪区；! r. O* H! ~* @
南海南部有1.5到2.3米的中浪区；
# ?- G q; n' G1 v6 J. U北部湾有0.6到1.2米的轻浪。
9 J N, K" n7 a7 G' d; f预计后天，, _ g9 a6 R9 m
渤海、黄海大浪区维持，浪高2到3.5米；$ J2 E4 v4 L" F5 R
南海大浪区减弱消失。5 ]7 R; w) N' ]. A
) Q9 u4 U0 j8 X- A+ z5 d$ j5 o
6 x+ A0 D. H5 w# b6 |* l% N
12月7~11日西北太平洋海浪数值预报
+ ^3 e( \% O1 w3 W7 t# I$ ?- r, H美丽海岛海域海况
9 }5 F& a! W$ x: [预计明天，
1 W9 [5 q0 P# {* D n2 c菩提岛附近海域有2.2米的中浪，不适宜乘船出行；9 ?1 M9 g) X9 d8 x: S9 z
永兴岛、黄岩岛、永暑礁附近海域有1.8~1.9米的中浪，觉华岛、长岛、灵山岛、东山岛、钓鱼岛、川山群岛、分界洲岛、蜈支洲岛附近海域有1.3~1.5米的中浪，这些海岛较适宜乘船出行和海岛游玩；, E; z0 {: j) }8 [
我国其他美丽海岛附近海域都是轻浪，海况不错，非常适宜乘船出行和海岛游玩。. s7 I. F# {0 g
( u2 ~2 u J( k5 Z9 e) a8 [美丽海岛是指以下的35个海岛：
F) Y" k3 Z; l0 Z/ E+ p觉华岛、长山群岛、菩提岛、长岛、刘公岛、灵山岛、秦山岛、连岛、崇明岛、嵊泗列岛、岱山岛、东极岛、普陀山、大陈岛、玉环岛、洞头岛、南麂岛、嵛山岛、三都岛、平潭岛、湄洲岛、东山岛、钓鱼岛、南澳岛、万山群岛、川山群岛、海陵岛、南三岛、东海岛、涠洲岛、分界洲岛、蜈支洲岛、永兴岛、黄岩岛、永暑礁。
8 P8 [3 }; k- s6 U7 Z. s; h* ]更多滨海旅游预报 尽在中国海洋预报
' G8 T2 R) N/ |: a7 l* T% X/ F! F6 ?, R# @
- X q" V8 A! e. \1 u9 \8 @4 @
PC端可登录中国海洋预报网http://www.oceanguide.org.cn
9 I% U, J# ?: i6 p3 W8 o# Z) J: ^; ^
# J% s3 i1 n6 a; u+ Z& n& O: K& ?* g. P% R) i) k4 z; b
移动端可使用中国海洋预报微信小程序
! W% y4 @5 ]4 f) r1 u0 u* F进入“中国海洋预报”微信小程序
! w' [9 z" K1 O8 k0 j进入“全球海啸预警”微信小程序 |
) K; E& n0 c: h
# R& p% w; I! f6 b$ T( @5 \
- U$ Q* \3 K5 F% m" t