HTML5 地理位置定位（HTML5 Geolocation）原理及應用

地理位置（Geolocation）是 HTML5 的重要特性之一，提供了肯定用戶位置的功能，藉助這個特性可以開發基於位置信息的應用。今天這篇文章向你們介紹一下 HTML5 地理位置定位的基本原理及各個瀏覽器的數據精度狀況。
　　在訪問位置信息前，瀏覽器都會詢問用戶是否共享其位置信息，以 Chrome 瀏覽器爲例，若是您容許 Chrome 瀏覽器與網站共享您的位置，Chrome 瀏覽器會向 Google 位置服務發送本地網絡信息，估計您所在的位置。而後，瀏覽器會與請求使用您位置的網站共享您的位置。

　　HTML5 Geolocation API 使用很是簡單，基本調用方式以下：　

if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(locationSuccess, locationError,{
        // 指示瀏覽器獲取高精度的位置，默認爲false
        enableHighAccuracy: true,
        // 指定獲取地理位置的超時時間，默認不限時，單位爲毫秒
        timeout: 5000,
        // 最長有效期，在重複獲取地理位置時，此參數指定多久再次獲取位置。
        maximumAge: 3000
    });
}else{
    alert("Your browser does not support Geolocation!");
}

　　locationError爲獲取位置信息失敗的回調函數，能夠根據錯誤類型提示信息：

locationError: function(error){
    switch(error.code) {
        case error.TIMEOUT:
            showError("A timeout occured! Please try again!");
            break;
        case error.POSITION_UNAVAILABLE:
            showError('We can\'t detect your location. Sorry!');
            break;
        case error.PERMISSION_DENIED:
            showError('Please allow geolocation access for this to work.');
            break;
        case error.UNKNOWN_ERROR:
            showError('An unknown error occured!');
            break;
    }
}