HTML Gears 和 Android 1.5上的 HTML5 位置 API 是兩個不同的技術，它們分別用于在桌面和移動設備上實現(xiàn)地理定位功能，下面將分別介紹這兩個技術的詳細教程。

1、HTML Gears

HTML Gears 是一個開源項目，它允許開發(fā)者在瀏覽器中實現(xiàn)離線功能，包括地理定位，要使用 HTML Gears 實現(xiàn)地理定位，需要遵循以下步驟：

1、1 下載并安裝 Gears

從 Gears 官方網(wǎng)站（http://gears.google.com/）下載 Gears 的最新版本，下載完成后，運行安裝程序，按照提示完成安裝。

1、2 編寫 HTML 文件

創(chuàng)建一個 HTML 文件，gears_location.html，并在其中添加以下內(nèi)容：

    
    
    


    
HTML Gears 地理位置
    

1、3 編寫 JavaScript 文件

創(chuàng)建一個 JavaScript 文件，gears_init.js，并在其中添加以下內(nèi)容：

function initializeGears() {
    if (window.google && window.google.gears) {
        google.gears.factory.getDefault('beta').checkIfGearsIsAvailable(function(isAvailable) {
            if (isAvailable) {
                google.gears.factory.getScriptRootElement().appendChild(document.createElement('script')).src = 'https://maps.googleapis.com/maps/api/js?sensor=false&callback=showLocation';
            } else {
                alert('您的瀏覽器不支持 HTML Gears，請升級到最新版本。');
            }
        });
    } else {
        alert('您的瀏覽器不支持 HTML Gears，請升級到最新版本。');
    }
}

創(chuàng)建一個 JavaScript 文件，gears_location.js，并在其中添加以下內(nèi)容：

function showLocation(response) {
    if (response.status == google.gears.factory.success) {
        var location = response[google.gears.factory.location];
        document.getElementById('location').innerHTML = '經(jīng)度：' + location.longitude + '
緯度：' + location.latitude;
    } else {
        alert('獲取地理位置失敗，請檢查網(wǎng)絡連接。');
    }
}

1、4 測試 HTML Gears 地理位置功能

雙擊 gears_location.html 文件，用支持 HTML Gears 的瀏覽器（如 Firefox）打開，如果一切正常，頁面上將顯示當前的經(jīng)緯度信息，注意，由于 HTML Gears 需要在本地計算機上運行 Gears，因此可能需要確保已啟用 Gears，在 Firefox 中，可以通過點擊菜單欄的“工具”>“Web 開發(fā)”>“HTML Gears”來啟用或禁用 Gears。

2、Android 1.5上的 HTML5 位置 API

Android 1.5（Cupcake）引入了對 HTML5 位置 API 的支持，允許開發(fā)者在移動設備上實現(xiàn)地理定位功能，要使用 Android 1.5 上的 HTML5 位置 API，需要遵循以下步驟：

2、1 編寫 HTML 文件

創(chuàng)建一個 HTML 文件，android_location.html，并在其中添加以下內(nèi)容：

2、2 編寫 JavaScript 文件

創(chuàng)建一個 JavaScript 文件，android_location.js，并在其中添加以下內(nèi)容：

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition, showError);
    } else {
        alert('您的設備不支持地理定位。');
    }
}

創(chuàng)建一個 JavaScript 文件，android_position.js，并在其中添加以下內(nèi)容：

function showPosition(position) {
    var location = position.coords;
    document.getElementById('location').innerHTML = '經(jīng)度：' + location.longitude + '
緯度：' + location.latitude;
}

創(chuàng)建一個 JavaScript 文件，android_error.js，并在其中添加以下內(nèi)容：

function showError(error) {
    switch (error.code) {
        case error.PERMISSION_DENIED:
            alert('用戶拒絕對獲取地理位置的請求。');
            break;
        case error.POSITION_UNAVAILABLE:
            alert('無法獲取地理位置信息。');
            break;
        case error.TIMEOUT:
            alert('獲取地理位置超時。');
            break;
        case error.UNKNOWN_ERROR:
            alert('未知錯誤。');
            break;
    }
}

網(wǎng)站題目：HTMLGears或者Android1.5上的HTML5位置API
分享URL：http://m.5511xx.com/article/cdiceed.html