賀仁宇

【摘要】本文主要基于iPhone的特性，結(jié)合實(shí)踐，對實(shí)現(xiàn)webGIS應(yīng)用系統(tǒng)進(jìn)行探究，文章從系統(tǒng)的功能設(shè)計(jì)、布局、Canvas繪圖、Ajax等關(guān)鍵技術(shù)對該系統(tǒng)進(jìn)行研究，餅圖存在的問題進(jìn)行解決，webGIS技術(shù)滿足的用戶的需求，對于面向iPhone的Web應(yīng)用也是有一定的借鑒意義的。

【關(guān)鍵詞】iPhone；webGIS；Canvas；

【中圖分類號】P208；TP311.52 【文獻(xiàn)標(biāo)識碼】A 【文章編號】1672-5158（2013）01—0136-01

1、iPhone及其特征

自蘋果公司推出iPhone至今，其發(fā)展經(jīng)歷了非常大的變化，將移動電話、寬屏觸摸ipad以及桌面網(wǎng)頁瀏覽、電子郵件、地圖功能、搜索功能的多種產(chǎn)品有機(jī)的結(jié)合在一起，只要所在之處有WiFi網(wǎng)絡(luò)，iPhone就可以隨時(shí)自由的接入互聯(lián)網(wǎng)絡(luò)，不管身處何處，都能夠享受到互聯(lián)網(wǎng)生活，這是iPhone主要特定之一，即可以自動搜尋無線網(wǎng)絡(luò)，并可以自動接入其中。iPhone之前，還沒有任何一款支持web應(yīng)用的手機(jī)，因此，要在iphone基礎(chǔ)上開發(fā)web應(yīng)用程序就需要對iPhone網(wǎng)頁瀏覽器的特點(diǎn)進(jìn)行了解，因此專門建立一個(gè)供人們了解iPhone的網(wǎng)站，需要首先了解iPhone桌面及界面的特點(diǎn)。

1.1 瀏覽器

iPhone是采用Safar Mobile作為自己特有的瀏覽器，具有相當(dāng)?shù)膬?yōu)勢。蘋果公司所開發(fā)的這款瀏覽器以自身先進(jìn)的界面帶給人們最佳的瀏覽體驗(yàn)。這款瀏覽器也是第一款在手機(jī)上提供了和PC機(jī)類似的瀏覽器。在iPhone之前，主要采用的WAP技術(shù)聯(lián)網(wǎng)，根據(jù)WAP標(biāo)準(zhǔn)，需要重新建設(shè)所有的互聯(lián)網(wǎng)內(nèi)容。而iPhone攜帶的瀏覽器則對一般的網(wǎng)頁都可以直接訪問，雖然體驗(yàn)后感覺沒有那么好，但主要進(jìn)行簡單的修改即可。因此，眾多網(wǎng)站都對自己的網(wǎng)頁進(jìn)行了修改，并且制定了專門的iPhone網(wǎng)站，從而使客戶的體驗(yàn)度大大提高，贏得更多的市場份額。

1.2 頁面布局設(shè)計(jì)

以般情況下，瀏覽器在iPhone上顯示一個(gè)URL文本框、一個(gè)狀態(tài)欄及一個(gè)按鈕欄。根據(jù)不同的位置，iPhone可以自動對新界面的方向進(jìn)行調(diào)整，包括豎屏和橫屏。豎屏的URL文本框及狀態(tài)欄指示與橫屏是相同的，可視區(qū)域的大小設(shè)置為480px×280px。在進(jìn)行iPhone網(wǎng)站頁面設(shè)計(jì)的時(shí)候，要注意在不同的方向要保持一定的美觀性和一致性，一般設(shè)計(jì)為根據(jù)不同的方向變化，設(shè)計(jì)動態(tài)界面調(diào)整。在WebGIS電子地圖的設(shè)計(jì)及實(shí)現(xiàn)展示中，要特別了解以上顯示指標(biāo)，要對兼容的方法充分進(jìn)行考慮，切忌在一個(gè)寬度上將頁面固定死。

2、基于iPhone的WebGIS實(shí)現(xiàn)中的問題及對策

2.1 布局及調(diào)整

對于iPhone而言，其瀏覽器是在Viewport基礎(chǔ)上呈現(xiàn)的頁面，用戶可以對頁面進(jìn)行放大或收縮，收縮之后，Viewport保持不管，只是將頁面的內(nèi)容根據(jù)顯示比例進(jìn)行了縮放。所以在Viewport屬性沒有修改的情況下，Viewport的默認(rèn)寬度為980像素。此時(shí)，頁面所呈現(xiàn)出的布局與Viewport的桌面寬度是980像素的結(jié)果相同，但是由于iPhone屏幕寬度的限制，因此只是按照相應(yīng)的比例進(jìn)行了縮放。就Web應(yīng)用程序而言，要是根據(jù)980像素的寬度來設(shè)計(jì)的話，那么客戶在體驗(yàn)的時(shí)候，效果就體現(xiàn)不出來，而需要通過對Viewport的像素寬度進(jìn)行調(diào)整來設(shè)計(jì)頁面。對Viewport像素寬度可以進(jìn)行設(shè)計(jì)的屬性主要有：height Viewgort的高度；width Viewport的寬度；maximum-scale所允許的最大縮放比例；minimum-scale所允許的最小縮放比例；initial-scale的初始縮放比例；user-scalable能否手動縮放。通過對以上幾種屬性中的一個(gè)或者多個(gè)進(jìn)行設(shè)置，iPhone可以按照設(shè)置屬性，自動對其屬性值進(jìn)行推算，并非直接采取默認(rèn)值。通過對Viewport寬度的調(diào)整，實(shí)現(xiàn)iPhone在網(wǎng)頁瀏覽時(shí)取得更佳的瀏覽效果。

2.2 A jax技術(shù)

基于Web Applications瀏覽器的開發(fā)模式，A jax在幾種技術(shù)的整合中，創(chuàng)造出更強(qiáng)大的新應(yīng)用，構(gòu)成了A jax的模型，半酣JavaScript、XML、XHTML、HTTP等，這些技術(shù)在目前已經(jīng)被廣泛的采用。在進(jìn)行異步數(shù)據(jù)傳輸時(shí)，A jax采用XMLH ttpReques技術(shù)，利用XSLT及XML技術(shù)進(jìn)行數(shù)據(jù)處理與交換，最后通過DOM來實(shí)現(xiàn)交互與顯示，這些過程通過JavaScfipt聯(lián)系在一起。A jax技術(shù)的核心是XMLH ttoReques，這是一種支持異步請求的技術(shù)。簡單的說，在用戶向服務(wù)器發(fā)出請求時(shí)，不會出現(xiàn)阻塞現(xiàn)象。

基于iPhone的WebGIS應(yīng)用系統(tǒng)采用目前流行的，NET三層架構(gòu)，即數(shù)據(jù)服務(wù)層、事物處理層、事物表現(xiàn)層。其中，事物處理層也成為邏輯層。數(shù)據(jù)服務(wù)層主要作用是對專業(yè)的應(yīng)用數(shù)據(jù)進(jìn)行存儲以及管理，對服務(wù)器存儲數(shù)據(jù)的請求進(jìn)行響應(yīng)。事物處理層主要提供GIS服務(wù)和Web服務(wù)，對用戶的請求進(jìn)行響應(yīng)和處理，把因用戶請求而產(chǎn)生的數(shù)據(jù)任務(wù)及時(shí)的傳輸?shù)綌?shù)據(jù)層，然后將數(shù)據(jù)層的處理結(jié)果返回到Web瀏覽器中。事物表現(xiàn)層就是客戶端所使用的Web瀏覽器，主要是對用戶請求的結(jié)果進(jìn)行顯示。在這個(gè)三個(gè)層次中，事物表現(xiàn)層采用標(biāo)準(zhǔn)的HTML頁面，在頁面中消息的傳遞主要使用A jax技術(shù)來實(shí)現(xiàn)用戶的請求，進(jìn)而完成對用戶請求的交互及處理。通過A jax技術(shù)所提供的異步通信功能，用戶的請求及響應(yīng)擺脫了傳統(tǒng)的數(shù)據(jù)傳輸模式，大大的提高了系統(tǒng)對請求的響應(yīng)和處理效率。

在GIS中，A jax技術(shù)主要用于電子地圖的放大、縮小、加載、移動等顯示，并且對地圖數(shù)據(jù)進(jìn)行計(jì)算。例如，在進(jìn)行電子地圖的加載時(shí)，可以動態(tài)的加載，這與傳統(tǒng)的加載方法是不同的，傳統(tǒng)的方式是在對所有數(shù)據(jù)進(jìn)行查詢完以后再進(jìn)行加載，影響了相應(yīng)的效率，而在A jax技術(shù)的應(yīng)用下，用戶等待加載的時(shí)間大大降低，在很短時(shí)間內(nèi)即可完成地圖的查詢，節(jié)省了網(wǎng)絡(luò)流量及用戶時(shí)間，受到用戶的好評。在數(shù)據(jù)查詢方面，A jax技術(shù)主要針對的是地圖上物實(shí)體的數(shù)據(jù)庫位置數(shù)據(jù)查詢及定位等，采用異步數(shù)據(jù)傳輸，杜絕了白屏現(xiàn)象的發(fā)生，給用戶良好的體驗(yàn)感覺。需要注意的是Safari瀏覽器中，不需要對Content-Length進(jìn)行設(shè)置。

2.3 Canvas繪圖

在WebGIS應(yīng)用系統(tǒng)中，最常用的矢量繪圖語言是SVG及VML兩種，而Canvas繪圖語言在該應(yīng)用系統(tǒng)中也有重要的應(yīng)用，這主要是針對iPhone基礎(chǔ)上的WebGIS而言的。三種繪圖語言中，SVG在IE下不需要插件，支持Opera、Hirefox及W3C標(biāo)準(zhǔn)；VML支持Ⅲ；Canvas不支持IE，支持Safari、Opera、Firefox。對于iPhone環(huán)境下的Safari瀏覽器在目前只支持Canvas矢量繪圖，而Windows基礎(chǔ)上的Safari桌面瀏覽器支持SVG及Canvas矢量繪圖。Canvas繪圖語言是一個(gè)新的HTML元素，可以被用來進(jìn)行繪圖、圖像合成以及簡單動畫的應(yīng)用。在進(jìn)行繪圖的過程中需要對高度和寬度兩個(gè)屬性進(jìn)行注意，要根據(jù)所繪圖形的大小對默認(rèn)的像素寬度及高度進(jìn)行調(diào)整，以此來保證得到完整的圖形，在繪畫區(qū)域建立完成后，就可以添加代碼進(jìn)行繪圖。

參考文獻(xiàn)

[1]張亦含，李旭文，黃丙湖等.基于WebGIS的環(huán)境監(jiān)測數(shù)據(jù)管理平臺設(shè)計(jì)與開發(fā)[J].計(jì)算機(jī)應(yīng)用與軟件，2007（5）

[2]歐德漫.深度解析iPhone未來在我手中與iPhone邂逅的72小時(shí)[J].微型計(jì)算機(jī)，2007，（8）