這篇文章主要介紹了JavaScript地理位置信息API的相關(guān)資料,需要的朋友可以參考下
對于一個Web開發(fā)程序員來說,開發(fā)工作中一個最有意思的方面就是獲取地理位置信息;試想一下,瀏覽你的網(wǎng)頁的用戶是在什么地方?程序員可以根據(jù)用戶的地理位置信息來調(diào)整網(wǎng)站的語言、特定產(chǎn)品介紹等。下面我們將要演示的就是通過瀏覽器里JavaScript地理位置信息API來獲取詳細地理信息!
檢查你的瀏覽器是否支持地理位置信息API
目前主流的瀏覽器都已經(jīng)對JavaScript地理位置信息API有了較好的支持。但如果你還不放心,那么,確認地理位置信息API支持情況最好的方式是瀏覽器的功能特征測試。
if("geolocation" in navigator) {
//w00t!
}
else {
alert("很不幸!你的瀏覽器并不支持Geolocation API功能");
}
對于判斷瀏覽器是否支持地理位置API,最主要的就是看看navigator.geolocation這個對象,使用in,而不是簡單的使用if(navigator.geolocation),這一點非常重要,因為后者有可能會因此初始化地理位置信息對象,從而占用/鎖定了設(shè)備資源。
查詢地理位置信息
這個navigator.geolocation.getCurrentPosition方法是獲取詳細位置信息最關(guān)鍵的一個接口:
if("geolocation" in navigator) {
navigator.geolocation.getCurrentPosition(function(position) {
console.log(position);
});
}
一旦你調(diào)用了這個方法(如果請求成功,它會執(zhí)行你在參數(shù)里提供的回調(diào)方法),瀏覽器會詢問用戶是否允許程序獲取他們的地理位置信息。
當(dāng)用戶運行網(wǎng)頁獲取他們的位置信息后,瀏覽器就可以開始讀取地理信息,它會返回給你一個位置信息對象,對象的結(jié)構(gòu)基本是這樣的:
// "Position" object
{
coords: { "Coordinates" object
accuracy: 65,
altitude: 294.4074401855469,
altitudeAccuracy: 10,
heading: -1,
latitude: 43.01256284360166,
longitude: -89.44531987692744,
speed: -1
},
timestamp: 1429722992094269
}
如果你覺得這些地理位置信息(地理經(jīng)緯度坐標(biāo))還不夠充足,還想要這些地理坐標(biāo)屬于哪個國家、城市,則你需要再調(diào)用其它的第三方數(shù)據(jù)庫——這里我們就不細述了。
這個地理位置信息API在很多移動應(yīng)用里是最常見的API運用,作為Web程序員,它應(yīng)該是你必須具備的一項知識技巧。幸運的是,目前所有流行的瀏覽器都支持了這種技術(shù)。
以上就是本文的全部內(nèi)容,希望對大家學(xué)習(xí)javascript程序設(shè)計有所幫助。