白淑英，陳靈梅，王 莉

（1.南京信息工程大學(xué) 遙感學(xué)院，江蘇 南京 210044）

iPad是蘋(píng)果公司2010年發(fā)布的一款平板電腦，提供瀏覽互聯(lián)網(wǎng)、收發(fā)電子郵件、觀看電子書(shū)、播放音頻或視頻等功能。從目前論文檢索情況來(lái)看，iPad在氣象行業(yè)應(yīng)用的文章極少，缺乏能夠滿足氣象業(yè)務(wù)需求的應(yīng)用程序[1]。基于iPad的臺(tái)風(fēng)路徑信息管理系統(tǒng)，將臺(tái)風(fēng)路徑信息發(fā)布到當(dāng)前最為流行的移動(dòng)設(shè)備iPad上，為政府、氣象等部門(mén)的氣象災(zāi)害應(yīng)急指揮提供了新的技術(shù)手段和方法，具有可以隨時(shí)、隨地辦公的優(yōu)勢(shì)，能及時(shí)向廣大群眾傳遞臺(tái)風(fēng)防災(zāi)減災(zāi)信息，增強(qiáng)臺(tái)風(fēng)防災(zāi)減災(zāi)能力。

通過(guò)文字以及表格等形式發(fā)布的系統(tǒng)表現(xiàn)單一，內(nèi)容不直觀，很難滿足需要。使用地圖 API 電子地圖應(yīng)用接口，以地圖的形式可以更直觀、更準(zhǔn)確、更智能化地顯示地理信息[2-6]。本文基于百度地圖API的臺(tái)風(fēng)路徑信息發(fā)布系統(tǒng)，提供一種更加直觀的臺(tái)風(fēng)預(yù)報(bào)以及預(yù)警氣象服務(wù)。

1 系統(tǒng)功能

系統(tǒng)以百度地圖為背景，實(shí)現(xiàn)了臺(tái)風(fēng)路徑預(yù)報(bào)、歷史臺(tái)風(fēng)路徑查詢(xún)等功能，制作了七級(jí)風(fēng)圈、十級(jí)風(fēng)圈、臺(tái)風(fēng)眼的Flash效果，用實(shí)線及虛線區(qū)分臺(tái)風(fēng)路徑和預(yù)報(bào)路徑，并提供測(cè)距、會(huì)商等輔助工具。系統(tǒng)界面如圖1所示。

根據(jù)臺(tái)風(fēng)路徑預(yù)報(bào)報(bào)文資料，獲取臺(tái)風(fēng)預(yù)報(bào)的最新數(shù)據(jù)，包括臺(tái)風(fēng)中心位置、中心氣壓、最大風(fēng)速、七級(jí)風(fēng)圈范圍、十級(jí)風(fēng)圈范圍、12 h預(yù)報(bào)、24 h預(yù)報(bào)等。在地圖上以點(diǎn)的方式顯示各個(gè)預(yù)報(bào)時(shí)間的臺(tái)風(fēng)信息，以動(dòng)畫(huà)方式顯示臺(tái)風(fēng)眼以及臺(tái)風(fēng)風(fēng)圈，實(shí)現(xiàn)在列表中點(diǎn)擊某一時(shí)間點(diǎn)的數(shù)據(jù)，地圖上就顯示該時(shí)間的臺(tái)風(fēng)路徑預(yù)報(bào)，并以虛線表示。

歷史臺(tái)風(fēng)按照年度進(jìn)行查詢(xún)選擇某一年度即顯示該年度所有臺(tái)風(fēng)的信息，通過(guò)點(diǎn)擊臺(tái)風(fēng)名稱(chēng)或編號(hào)，則以列表方式顯示臺(tái)風(fēng)信息，包括時(shí)間、氣壓、風(fēng)速等，同時(shí)在地圖中動(dòng)態(tài)顯示該臺(tái)風(fēng)的移動(dòng)路徑。

圖1 系統(tǒng)功能界面

2 實(shí)現(xiàn)方法

2.1 iPad應(yīng)用程序的開(kāi)發(fā)

Xcode是蘋(píng)果公司向開(kāi)發(fā)人員提供的集成開(kāi)發(fā)環(huán)境，用于開(kāi)發(fā)IOS系統(tǒng)的應(yīng)用程序。通過(guò)Xcode建立iPad應(yīng)用程序是最為快捷的方式，也是利用新的蘋(píng)果電腦公司技術(shù)的最簡(jiǎn)單的途徑。Safari是iPad操作系統(tǒng)IOS的瀏覽器。iPad應(yīng)用程序的開(kāi)發(fā)使用Xcode的App程序框架，通過(guò)嵌入Safari網(wǎng)頁(yè)顯示頁(yè)面，充分利用了現(xiàn)有網(wǎng)站中的數(shù)據(jù)及網(wǎng)頁(yè)功能，即使用嵌入式技術(shù)將信息共享服務(wù)從網(wǎng)站應(yīng)用擴(kuò)展到iPad上。Objective-C是為iPhone和iPad編程的主流語(yǔ)言，是擴(kuò)充C的面向?qū)ο缶幊陶Z(yǔ)言[7,8]。

基于iPad技術(shù)的臺(tái)風(fēng)路徑信息發(fā)布系統(tǒng)的實(shí)現(xiàn)過(guò)程如圖2所示。

圖2 iPad信息發(fā)布開(kāi)發(fā)流程

2.1.1 設(shè)計(jì)布局和嵌入瀏覽器

開(kāi)發(fā)應(yīng)用程序的首要工作是初始化，包括視圖初始化和控制初始化。初始化完成以后，接下來(lái)是對(duì)界面進(jìn)行設(shè)計(jì)，包括界面主題風(fēng)格、功能按鈕、瀏覽器嵌入等。界面設(shè)計(jì)可采用2種方法：利用Xcode的Interface Builder工具來(lái)創(chuàng)建用戶界面，編寫(xiě)程序代碼在應(yīng)用程序運(yùn)行的時(shí)候動(dòng)態(tài)創(chuàng)建用戶界面。考慮到臺(tái)風(fēng)路徑數(shù)據(jù)需要進(jìn)行動(dòng)態(tài)顯示，本文采用編寫(xiě)代碼的方式創(chuàng)建用戶界面：首先根據(jù)功能要求以及界面美觀性對(duì)界面進(jìn)行美工設(shè)計(jì)，然后通過(guò)代碼實(shí)現(xiàn)添加按鈕、圖片、網(wǎng)頁(yè)等。

1）界面設(shè)計(jì)，包括功能按鈕、地圖操作工具按鈕以及瀏覽器等的定制。

@interface TyphoonController : UIViewController

ViewDelegate>

{

IBOutlet UrlData *data;

IBOutlet UIAlertView *myAlert;

IBOutlet UIWebView *WebView;

IBOutlet UIButton *btnFirst;//功能第一個(gè)按鈕

IBOutlet NSTimer *timer;//用于Webview加載狀態(tài)計(jì)時(shí)

IBOutlet int pageNumber;

}

@end

2）對(duì)界面窗體定義方法以及事件，在方法前增加IBAction來(lái)說(shuō)明該方法將與界面上的事件對(duì)應(yīng)。

@property(nonatomic,retain)IBOutlet UrlData *data;

@property(nonatomic,retain)IBOutlet UIWebView *webView;

- (id)initWithPageNumber:(int)page;

-(void)webViewLoadWWWUrl:(NSString *)urlString;//webView加載網(wǎng)址

-(IBAction)btnFristClick:(id)sender;//第一個(gè)按鈕點(diǎn)擊事件

-(void)btnClick:(NSInteger *)witchBtn;

-(void) showProgress:(Boolean)timeingClose;//顯示網(wǎng)頁(yè)加載進(jìn)度

-(void) hideProgress;//隱藏網(wǎng)頁(yè)加載進(jìn)度

@end

2.1.2 讀取Web服務(wù)

將臺(tái)風(fēng)路徑功能網(wǎng)頁(yè)嵌入到應(yīng)用程序中獲取Web服務(wù)。首先在iPad應(yīng)用程序中獲取輸入的網(wǎng)頁(yè)URL，并發(fā)送該URL的請(qǐng)求，通過(guò)加載WebView響應(yīng)請(qǐng)求，其實(shí)現(xiàn)代碼如下：

-(void)webViewLoadWWWUrl:(NSString *)urlString//

webView加載網(wǎng)址

{

NSURL *url=[NSURL URLWithString:urlString];//獲取URL

NSURLRequest*requst=[NSURLRequest requestWithURL:url];//把URL賦給請(qǐng)求

[webView loadRequest:requst];//webView響應(yīng)請(qǐng)求

}

2.1.3 顯示

系統(tǒng)根據(jù)URL地址獲取數(shù)據(jù)并加載相應(yīng)的網(wǎng)頁(yè)后，需要對(duì)界面進(jìn)行定制。系統(tǒng)采用viewDidLoad實(shí)現(xiàn)界面的顯示控制，如圖3所示。

首先需要對(duì)定制界面進(jìn)行初始化，包括URL、按鈕以及圖片等。初始化方法示例：一是URL初始化，data =[[UrlData alloc]init];二是按鈕初始化，imgFirst =[UIImage imageNamed:[[data.imgArrObjs objectAtIndex:pageNumber]objectAtIndex:2]]；三是圖片初始化，[btnFirst setImage:imgFirst forState:UIControlStateNormal]。

網(wǎng)頁(yè)加載前，首先通過(guò)“if ( [(NSString *)[componentsobjectAtIndex:0]isEqualToString:@"JudgeSession"])”等語(yǔ)句判斷請(qǐng)求頁(yè)面地址是否存在，如果存在則通過(guò)“self webViewLoadWWWUrl:[data.sessionArr objectAtIndex:0]”加載頁(yè)面。在頁(yè)面加載過(guò)程中，編寫(xiě)方法“-(void)showProgress:(Boolean)timeingClose”實(shí)現(xiàn)網(wǎng)頁(yè)加載進(jìn)度顯示，并通過(guò)以下語(yǔ)句設(shè)置進(jìn)度顯示圖標(biāo)的顏色及大?。?/p>

UIActivityIndicatorView *activityView =[[UIActivityIndicatorView alloc]initWithActivityIndicator Style:UIActivityIndicatorViewStyleWhite];

activityView.frame = CGRectMake(120.0f, 48.0f,35.0f, 35.0f)

頁(yè)面加載成功，則通過(guò)“self webViewDidFinishLoad:webView”結(jié)束加載過(guò)程。

2.2 臺(tái)風(fēng)路徑功能實(shí)現(xiàn)

臺(tái)風(fēng)路徑是以百度地圖為背景，疊加數(shù)據(jù)庫(kù)中臺(tái)風(fēng)實(shí)時(shí)數(shù)據(jù)，包括臺(tái)風(fēng)移動(dòng)路徑位置信息以及臺(tái)風(fēng)強(qiáng)度信息等。系統(tǒng)采用百度地圖API進(jìn)行開(kāi)發(fā)，使用百度API獲取百度地圖作為臺(tái)風(fēng)路徑顯示的底圖。百度地圖API是一套免費(fèi)的，由JavaScript語(yǔ)言編寫(xiě)的應(yīng)用程序接口，它能夠在網(wǎng)站中構(gòu)建功能豐富、交互性強(qiáng)的地圖應(yīng)用程序，不僅包含構(gòu)建地圖的基本接口，還提供了諸如本地搜索、路線規(guī)劃等數(shù)據(jù)服務(wù)。為了加載和繪制臺(tái)風(fēng)路徑，需要經(jīng)過(guò)以下幾個(gè)步驟：

1）引用百度地圖API。地圖API是由JavaScript語(yǔ)言編寫(xiě)的，需要通過(guò)