利用HTML5中Geolocation獲取地理位置調用Google Map API在Google Map上定位

2024-09-05 07:20:07

字體：大中小

來源：轉載

供稿：網友

本小菜剛開始學習HTML5，現在對其中的Geolocation頗感興趣，結合Google Map的API實現基本的地圖定位功能。
1.獲取當前地理位置
調用方法 void getCurrentPosition(onSuccess, onError, options);即可。
其中onSuccess是獲取當前位置信息成功時執行的回調函數，onError是獲取當前位置信息失敗時所執行的回調函數，options是一些可選熟悉列表。其中第二和第三個參數為可選屬性。
在onSuccess回調函數中，用到了參數position，代表一個具體的position對象，表示當前位置。其具有如下屬性：
•latitude：當前地理位置的緯度。
•longitude：當前地理位置的經度。
•altitude：當前位置的海拔高度（不能獲取時為null）。
•accuracy：獲取到的緯度和經度的精度（以米為單位）。
•altitudeAccurancy：獲取到的海拔高度的經度（以米為單位）。
•heading：設備的前進方向。用面朝正被方向的順時針旋轉角度來表示（不能獲取時為null）。
•speed：設備的前進速度（以米/秒為單位，不能獲取時為null）。
•timestamp：獲取地理位置信息時的時間。

在onError回調函數中，用到了error參數。其具有如下屬性：
•code：錯誤代碼，有如下值。
1.用戶拒絕了位置服務（屬性值為1）；
2.獲取不到位置信息（屬性值為2）；
3.獲取信息超時錯誤（屬性值為3）。
•message：字符串，包含了具體的錯誤信息。

在options參數中，可選屬性如下：
•enableHighAccuracy：是否要求高精度的地理位置信息。
•timeout：設置超時時間（單位為毫秒）。
•maximumAge：對地理位置信息進行緩存的有效時間（單位為毫秒）。
其中注意要寫上如下代碼，判斷瀏覽器是否支持HTML5獲取地理位置信息，以兼容較早不支持的瀏覽器。

復制代碼

上一篇：Html5游戲開發之乒乓Ping Pong游戲示例(三)

下一篇：利用html5 canvas破解簡單驗證碼及getImageData接口應用