在Web中自动绘制台风实时路径图

admin管理员组

文章数量:1530987

2024年6月8日发(作者：)

维普资讯

第３５卷第４期　

气象科技　

Ｖｏ１．３５．Ｎｏ．４　

２００７年８月　

Ｍ＿ＥＴＥ０Ｒ０ＬＯＧＩＣＡＬ　ＳＣＩＥＮＣＥ　ＡＮＤ　ＴＥＣＨＮＯＬｏＧＹ　

Ａｕｇ．２００７　

在Ｗｅｂ中自动绘制台风实时路径图　

张加春　陈煜　谢启杰　施曼华　

（福建省泉州市气象局，泉州３６２０００）　

摘要采用Ｃ～语言自动搜索气象卫星综合应用业务系统的台风报文且转换成实时台风位置等信息的数据库，并　

将台风实时位置等相关信息通过矢量图形可标记语言（ＶＭＬ）自动绘制于Ｗｅｂ网中，生成互联网上的台风实时路　

径图像和台风相关信息，体现台风的及时性、自动化和图形化显示特点，让公众能更直观地在互联网上浏览到台风　

实时路径等信息。该技术现已在泉州气象网上成功体现。　．　

关键词ＶＭＬ￣￥台风路径Ｗ　ｂ实际显示　。‘　

引言　２台风路径图绘制　

气象信息的及时发布，是气象信息公众化服务　ＶＭＬ（Ｖｅｃｔｏｒ　Ｍａｒｋｕｐ　Ｌａｎｇｕａｇｅ）是以代码标签　

的需求所在，特别是在台风影响期间，公众急需了解　

方式实现在Ｗｅｂ中绘图的矢量标记语言　类似于　

最新的台风信息特别是直观的台风路径图。在通信　ＨＴｊＶＩＬ，是ＨＴＭＬ的扩展语言，由此实现在ＩＥ中绘　

水平高度发达的今天，建立互联网的实时台风路径　制图像。　　。

图及相关信息具有可行性和必要性。　

由ＡＳＰ页面Ｉ４］自动读取数据库中的台风位置　

２００３年起，笔者采用ｃ“语言＿１ｊ编程自动搜索　等信息，将各时次的台风位置绘制于地图底图中，并　

９２１０单收站台风报文＿２］，形成台风ＳＱＬ数据库，并　

将各点按照时问顺序连接形成台风路径图。台风中　

利用矢量图形可标记语言（ＶＭＬ）［３］技术，在泉州气　心点的６种颜色分别代表台风的６种类型。　

象网（ＷＷＷ．ｑｚｑｘｗ．ｃｏｒｎ）上实现台风路径图的实时　

２．１　台风数据库的资料读取与ＶＭＬ页面的创建　

自动绘制，因此受到公众的关注。本文着重介绍在　

ＶＭＬ技术本身就具有与ＡＳＰ脚本相结合形成　

ｗｅｂ上绘制台风路径图的ＶＭＩ　技术。　

ＶＭＬ页面的功能，但是用这种方法所生成的ＶＭＬ　

１台风数据资料　

页面会有很多重复代码，即ＩＥ解释代码会重复生成　

前一时次的ＶＭＬ画图代码，从而减慢下载和ＩＥ解　

台风原始资料系气象卫星综合应用业务系统即　

释代码的速度。所以，采用前台由ＡＳＰ脚本语言直　

９２１０单收站台风报文，采用Ｃ～语言编程自动搜　

接读取数据库中的台风位置、强度等信息，同时在后　

索、检索台风报文（ｗｐ？？？？？７．ａｂｊ或ｗｘ？？？？？７．　

台结合ＶＭＬ技术的ｐａｒｅｎｔ．ｃｒｅａｔｅ创建ＶＭＬ页面　

ａｂｊ），并将台风报文的各字段翻译成相应的台风信　

的方法，以解决代码重复问题。生成ＶＭＬ页面的　

息，依数据库结构格式分类存储。　

优化代码如下：　

台风实况定位资料的ＳＱＬ数据库结构：记录台　

ｆｕｎｃｔｉｏｎ　ｃｒｅａｔｅＰｏｉｎｔ（ｘ，Ｙ，ｖ）　

风从编号开始，每隔一段时间（６　ｈ、３　ｈ甚至１　ｈ）一　

｛　

次的经、纬度及气压、风速，移向、２４　ｈ预报经、纬　

ｖａｒｓｔｒＥｌｅｍｅｎｔ＝“ｖ：ｒｅｃｔ　ｔｉｔｌｅ　…＋ｖ＋’’’　

度，４８　ｈ预报经、纬度，７２　ｈ预报经、纬度等资料。　

ｓｔｙｌｅ＝‘ｔｏｐ：“＋Ｘ＋”；ｌｅｆｔ：“＋Ｙ＋”ｗｉｄｔｈ：１００；ｈｅｉｇｈｔ：　

１００’）（／ｖ：ｒｅｃｔ）”；　

ｖａｒ　ｎｅｗＰ０ｉｎｔ＝ｄｏｃｕｍｅｎｔ．ｃｒｅａｔｅＥｌｅｍｅｎｔ（ｓｔｒＥｌｅｍｎｔ）；　

福建省气象局２００５年度气象科研项目资助　

作者简介：张加春，男，１９６６年生，高级工程帅，从事天气预报与服务工作，Ｅｍａｉｌ：ｑｚ２２５４５３９８＠１２６．ＣＯＹＩ１　

收稿日期：２００６年９月２９日；定稿日期：２００６年１２月２８　ｎ　

维普资讯

气　

ｇｒｏｕｐ１．ｉｎｓｅｒｔＢｅｆｏｒｅ（ｎｅｗＰｏｉｎｔ）；　

象　科　技　第３５卷　

①ＶＭＬ点（圆）对象创建：　

｝　

＜％　

Ｏｖａｌ点（圆）对象具有绘制矢量图功能，利用。一　

ｖａｌ对象中的ＣｒｅａｔｅＰｏｉｎｔ方法，将台风的地理位置　

像素转换为ＶＭＬ点（圆）对象，语法如下：　

（ｖ：ｏｖａｌ　ｔｉｔｌｅ：“提示信息”　ＳｔｒｏｋｅＷｅｉｇｈｔ＝　

“０．５ｐｔ”　ｓｔｒｏｋｅｃｏｌｏｒ＝“ｂｌａｃｋ”ｆｉｌｌｃｏｌｏｒ＝“＋Ｃ＋”　

ｓｔｙｌｅ＝“ｐｏｓｉｔｉｏｎ：ａｂｓｏｌｕｔｅ；ｃｕｒｓｏｒ：ｈａｎｄ；ｌｅｆｔ：”＋ｐｘ＋　

“

’数据库连接代码　

’读取数据代码　

Ｄｏ　Ｕｎｔｉｌ　ｒ．ＥＯＦ　

％＞　

ｐａｒｅｎｔ．ｃｒｅａｔｅＰｏｉｎｔ（（％＝ｘ％），（％＝ｙ％），（％＝ｖａｌ—　

ｐｘ；ｔｏｐ．．”＋ＰＹ＋“ｐｘ；ｗｉｄｔｈ：８；ｈｅｉｇｈｔ：８；Ｚ—ｉｎｄｅｘ．．　

ｕｅ％））；（％∥注释：画点子函数％）　

（％Ｌｏｏｐ％）　

（％’数据库关闭代码％）　

２．２台风地理位置与坐标系像素的转换　

地球由经度和纬度所构成，若不考虑地球是球　

形，则可视地图为ＶＭＬ中的一个坐标系，在本例　

中，以（３１。Ｎ，１１０。Ｅ）为坐标原点，横坐标代表经度，　

纵坐标代表纬度，整个坐标系就成了一系列像素的　

组合（既把地图分成若干像素）。　

将采集到的台风经、纬度数据转换为相应的像　

素和地图上的坐标值：设定每隔一经、纬度为２０个　

像素点，若某台风的经度为１２０。，则在Ｗｅｂ页上的　

地图位置为（１２０—１１０）ｘ２０，就是该经度在地图（坐　

标系）上的位置（横坐标值）。纵坐标值算法相同。　

台风经、纬度地理位置转换成地图上（坐标系）　

的一系列数据点（相应的地理位置像素）供下列进一　

步处理。　

２．３台风路径图的Ｗｅｂ生成　

在Ｗｅｂ中使用统一坐标系来绘制一系列不同　

时刻台风实况位置等信息（即绘制台风路径图），需　

进行下列处理过程。　

（１）Ｇｒｏｕｐ容器（创建ｗｅｂ上的统一坐标系）。　

ＶＭＬ具有功能强大的Ｇｒｏｕｐ容器，它能让一系列的　

ＶＭＬ对象（如点、圆、线、曲线、地图底图等）使用共　

同的坐标系。使用ｃｒｅａｔｅＥｌｅｍｅｎｔ方法和ｉｎｓｅｒｔＢｅ—　

ｆｏｒｅ方法把ＡＳＰ页面中的ＶＭＬ代码所对应的数据　

元素即ＶＭＬ对象直接插入到Ｇｒｏｕｐ容器中。语法　

如下：“ｇｒｏｕｐ．ｉｎｓｅｒｔＢｅｆｏｒｅ（ｎｅｗＥｌｅｍｅｎｔ）”。　

（２）ＶＭＬ对象的创建。采用ｄｏｃｕｍｅｎｔ的ｅｒｅ—　

ａｔｅＥｌｅｍｅｎｔ方法创建所有的对象，语法如下：　

ｖａｒ　ｎｅｗＥｌｅｍｅｎｔ＝ｄｏｃｕｍｅｎｔ．ｃｒｅａｔｅＥｌｅｍｅｎｔ　

（“（ｄｉｖ　ｉｄ＝‘０ＤＩＶ’）（／ｄｉｖ）”）。ＶＭＬ点对象以及　

ＶＭＬ线对象的创建有两种方法。　

５”）（／ｖ：ｏｖａ１）　

其中：ｓｔｙｌｅ属性中的ｌｅｆｔ参数、ｔｏｐ参数、ｗｉｄｔｈ参数　

与ｈｅｉｇｈｔ参数分别为台风的经度、纬度、横轴宽度、　

纵轴宽度。　

ｆｉｌｌｅｄ属性用来区分该元素是圆（ｆｉｌｌｅｄ＝ｆａｌｓｅ）　

还是点（ｆｉｌｌｅｄ＝ｔｒｕｅ）。台风的位置依点绘制，风圈　

半径则依圆绘制。　

ｆｉｌｌｃｏｌｏｒ（ｆｉｌｌｅｄ：ｔｒｕｅ有效，表示点元素颜色）属　

性可以根据不同的台风类型（以台风近中心最大风　

力为根据），把６类台风依不同颜色标示：超级台风　

（红色）、强台风（水红色）、台风（橙色、）强热带风暴　

（黄色）、热带风暴（蓝色）、热带低压（绿色）。　

②ＶＭＬ线元素创建（点的连接）：　

利用ＰｏｌｙＬｉｎｅ（不规则线）对象的ＣｒｅａｔｅＬｉｎｅ方　

法把所有的位置信息点（Ｏｖａｌ圆点）连接起来，就可　

以在地图上描出台风的位置以及经过路径。语法如　

下：　

“

ｖ：ｐｏｌｙｌｉｎｅ　ＳｔｒｏｋｅＷｅｉｇｈｔ＝‘“＋ＳＷ＋’’ｐｔ’　

ｓｔｒｏｋｅｃｏｌｏｒ＝“‘＋Ｃ＋’’’ｆｉｌｌｃｏｌｏｒ＝“‘＋Ｃ＋’’’ｓｔｙｌｅ＝　

‘ＰＯＳＩＴＩＯＮ－ａｂｓｏｌｕｔｅ；ｚ—ｉｎｄｅｘ－８’ｐｏｉｎｔｓ＝“‘　ｓｔｒ—　

Ｐａｔｈ＋”’）（／ｖ：ｐｏｌｙｌｉｎｅ）”。　

其中ｐｏｉｎｔｓ参数就是ｏｖａｌ对象所创建的点。　

ｆｉｌｌｃｏｌｏｒ为连线的颜色。　

ＰｏｌｙＬｉｎｅ的ｄａｓｈｓｔｙｌｅ属性可以区分连线的样　

式。ｄａｓｈｓｔｙｌｅ＝“ＳｈｏｒｔＤｏｔ”表示实线，ｄａｓｈｓｔｙｌｅ：　

“ＳｈｏｒｔＤａｓｈ”则表示画虚线。实线表示台风实况路　

径，虚线表示台风未来预报路径。　

还可以进一步利用点、圆以及线的不同颜色、不　

同样式将读取到的日本、美国等国家的台风定位资　

料表现于台风路径图上。　

３结语　

由于采用报文的自动搜索和图像的即时自动生　

维普资讯

第４期　张加春等：在ｗｅｂ中自动绘制台风实时路径图　

成，因此台风即时路径图的　自动绘制和显示取决于　

单收站台风报文的生成时间。　

ＶＭＬ技术在ｗｅｂ网中自动绘制台风路径图，　

直观而及时地反映了台风状况。在此基础上。还可　

化、图形化特点，发挥了积极的作用。在２００６年第　

８号台风“桑美”影响期间，日点击量超１０万次。　

参考文献　

吴逸贤，吴目诚．精彩Ｃ—Ｂｕｉｌｄｅｒ　６程序设计［Ｍ］．北京：科学　

出版社，２００３．　

在Ｗｅｂ中进一步制作历史台风路径和相应天气情　

况与灾情报告查询、台风距离某个城市的距离和方　

位查询；依生成地、时间、路径、登陆点进行台风归　

类，以作为日常台风预报分析之辅助。　

ＶＭＬ技术具有较强的自动绘图功能。该技术　

现已在泉州气象网（ｈｔｔｐ：／　，ｗｗ．ｑｚｑｘｗ．ｃｏｍ）上成　

岳彩军，陈佩燕，雷小途，等．卫星资料在登陆热带气旋降水研　

究中的应用［Ｊ］．气象科技，２００６，３４（１）：７—１１．　

Ｒｅｅｄ，Ｐ　Ｒ　Ｊｒ．使用Ｖｉｓｕａｌ　Ｂａｓｉｃ和ＶＭＬ开发应用程序［Ｍ］．北　

京：清华大学出版社，２００２．　

宣小平，但正刚，张文毅．ＡＳＰ数据库系统开发实例导航［Ｍ］．　

北京：人民邮电出版社，２００３．　

功绘制出台风实时路径图，其所体现的及时性、自动　

Ｒｅａｌ－Ｔｉｍｅ　Ｄｉｓｐｌａｙ　ｏｆ　Ｔｙｐｈｏｏｎ　Ｔｒａｃｋ　ｏｎ　Ｗｅｂ　Ｕｓｉｎｇ　

ＶＭＬ　Ｐｒｏｃｅｓｓｉｎｇ　Ｔｅｃｈｎｉｑｕｅ　

Ｚｈａｎｇ　Ｊｉａｃｈｕｎ　Ｃｈｅｎ　Ｙｕ　Ｘｉｅ　Ｑｉｊｉｅ　Ｓｈｉ　Ｍａｎｈｕａ　

（Ｑｕｍａｚｈｏｕ　Ｍｅｔｅｏｒｏｌｏｇｉｃａｌ　Ｂｕｒｅａｕ，Ｆｕｊｉａｎ　Ｐｒｏｖｉｎｃｅ，Ｑｕａｎｚｈｏｕ　３６２０００）　

Ａｂｓｔｒａｃｔ：Ｔｈｅ　ｔｙｐｈｏｏｎ　ｍｅｓｓａｇｅ　ｆｒｏｍ　ｔｈｅ　Ｃｏｍｐｒｅｈｅｎｓｉｖｅ　Ｏｐｅｒａｔｉｏｎａｌ　Ｓｙｓｔｅｍ　ｏｆ　Ｍｅｔｅｏｒｏｌｏｇｉｃａｌ　Ｓａｔｅｌｌｉｔｅ（９２１０　

ｐｒｏｊｅｃｔ）ｃａｎ　ｂｅ　ｓｅａｒｃｈｅｄ　ｗｉｔｈ　Ｃ　ｌａｎｇｕｅ　ａｎｄ　ｔｒａｎｓｆｏｒｍｅｄ　ｉｎｔｏ　ｔｈｅ　ｒｅａｌ—ｔｉｍｅ　ｔｙｐｈｏｏｎ　ｐｏｓｉｔｉｏｎ　ｉｎｆｏｒｍａｔｉｏｎ　ｓｔｏｒｅｄ　

ｉｎ　ｔｈｅ　ｄａｔａｂａｓｅ，ｗｈｉｃｈ　ｃａｎ　ｂｅ　ｐｌｏｔｔｅｄ　ａｔ　ｔｈｅ　ｓａｍｅ　ｔｉｍｅ　ａｕｔｏｍａｔｉｃａｌｌｙ　ｏｎ　ｔｈｅ　ｗｅｂ　ｂｙ　ｕｓｉｎｇ　ｔｈｅ　ＶＭＬ（Ｖｅｃｔｏｒ　

Ｍａｒｋｕｐ　Ｌａｎｇｕａｇｅ）ｔｅｃｈｎｉｑｕｅ　ｉｎ　ｏｒｄｅｒ　ｔｏ　ｃｒｅａｔｅ　ｔｈｅ　ｒｅａｌ—ｔｉｍｅ　ｔｙｐｈｏｏｎ　ｔｒａｃｋ　ｍａｐ　ａｎｄ　ｔｈｅ　ｒｅｌａｔｅｄ　ｉｎｆｏｒｍａｔｉｏｎ　ｏｎ　

ｔｈｅ　ｗｅｂ．Ｔｈｅ　ｔｅｃｈｎｉｑｕｅ　ｈａｓ　ｔｈｅ　ｃｈａｒａｃｔｅｒｉｓｔｉｃｓ　ｏｆ　ｒｅａｌ—ｔｉｍｅ，ａｕｔｏｍａｔｉｃ　ａｎｄ　ｖｉｓｕａｌｉｚｅｄ　ｉｎ　ｔｙｐｈｏｏｎ　ｔｒａｃｋ　ｄｉｓｐｌａｙ　

ａｎｄ　ｃａｎ　ｐｒｏｖｉｄｅ　ｕｓｅｒｓ　ｗｉｔｈ　ｍｕｃｈ　ｍｏｒｅ　ｖｉｓｕａｌ　ｉｎｆｏｒｍａｔｉｏｎ　ａｂｏｕｔ　ｔｙｐｈｏｏｎ，ｅｔｃ．ｏｎ　ｔｈｅ　ｗｅｂ．Ｔｈｉｓ　ｔｅｃｈｎｉｑｕｅ　ｈａｓ　

ｂｅｅｎ　ｓｕｃｃｅｓｓｆｕｌｌｙ　ｕｓｅｄ　ｉｎ　ｔｈｅ　Ｗｅｂ　ｐａｇｅ　ｏｆ　ｔｈｅ　Ｑｕａｎｚｈｏｕ　Ｍｅｔｅｏｒｏｌｏｇｉｃａｌ　Ｂｕｒｅａｕ．　

Ｋｅｙ　ｗｏｒｄｓ：ＶＭＬ　ｔｅｃｈｎｉｑｕｅ，ｔｙｐｈｏｏｎ　ｔｒａｃｋ，Ｗｅｂ　ｒｅａｌ—ｔｉｍｅ　ｄｉｓｐｌａｙ　

本文标签： 台风路径绘制自动信息