HTML5移動應用開發第1章：用HTML5、地理定位API和Web服務來開發移動應用

HTML 5 是一項讓人振奮的技術，這有著充分的理由。這將會是一次技術突破，因為它可以將桌面應用程序功能帶入浏覽器中。除了傳統浏覽器外，對於移動浏覽器，其潛力甚至更大。不僅如此，最流行的移動浏覽器甚至已經采用並實現了 HTML 5 規范中很多重要部分。在這個由五個部分組成的系列裡，您將仔細了解 HTML 5 中的一些新技術，它們對移動 Web 應用程序開發具有重大影響。在本系列的每一部分中，您將動手開發一個展示 HTML 5 新特性的移動 Web 應用程序，這些特性可用於最新的移動 Web 浏覽器上，如那些基於 iPhone 和 Android 的設備。

常用縮略語

• API: 應用程序編程接口
• CSS: 層疊樣式表
• GPS: 全球定位系統
• HTML: 超文本標記語言
• JSONP: 帶填充的 JSON
• SDK: 軟件開發工具包
• UI: 用戶界面
• W3C: 萬維網聯盟

先決條件

本文中，您將使用最新的 Web 技術開發 Web 應用程序。這裡大多數代碼是 HTML、JavaScript 和 CSS — 所有 Web 開發的核心技術。您最需要的東西是用來測試的浏覽器。對於本文，強烈建議您使用 Mozilla Firefox 3.5+，因為它是支持地理定位的桌面浏覽器。當然，您還需要在移動浏覽器上測試，還需要最新的 iPhone 和 Android SDK。在本文中使用的是 iPhone SDK 3.1.3 和 Android SDK 2.1。

基礎知識：了解一下

地理定位本身就是一項新技術。它能讓您知道用戶在哪。但是僅僅知道這點並報告給用戶並不是十分有用。難道所有人都關心自己所在的確切經緯度？這時可以結合其他數據和服務，讓這個位置信息變得有用，可以產生一些有趣的結果。這些服務都需要用戶的經度和緯度作為輸入。這就是所需要的，讓我們看看是如何獲得的。清單 1 顯示的是這方面的標准 JavaScript API。

清單 1. 找到用戶： getCurrentPosition

JavaScript Code復制內容到剪貼板

1. navigator.geolocation.getCurrentPosition(successCallback,errorCallback, options);  

這是地理定位中重要的 API。對於一大類應用程序，只需用到這個 API。地理定位對象是標准導航器對象的一部分，它有幾個方法，最常用的是 getCurrentPosition。訪問用戶位置是耗時的操作（就像在太空中找個衛星一樣！），它還要取得用戶的同意。因此這是一個異步操作。它的參數是回調函數：一個用於成功，一個用於失敗。

成功函數將通過一個單獨的 Position 類型的參數傳遞。這個對象有兩個屬性：一個時間戳的屬性和稱為坐標的 Coordinates 類型的屬性。一個 Coordinates 對象有幾個屬性：

JavaScript Code復制內容到剪貼板

1. latitude  
2. longitude  
3. altitude  
4. accuracy  
5. altitudeAccuracy  
6. heading  
7. speed