html5 如何獲取地址位置

HTML5中獲取地址可以使用 getCurrentPosition() 方法來獲得用戶的位置。

為思南等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及思南網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、思南網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。

下例是一個(gè)簡單的地理定位實(shí)例：

p?id="demo"點(diǎn)擊這個(gè)按鈕，獲得您的坐標(biāo)：/p

button?onclick="getLocation()"試一下/button

script

var?x=document.getElementById("demo");

function?getLocation()

{

if?(navigator.geolocation)

{

navigator.geolocation.getCurrentPosition(showPosition);

}

else{x.innerHTML="Geolocation?is?not?supported?by?this?browser.";}

}

function?showPosition(position)

{

x.innerHTML="Latitude:?"?+?position.coords.latitude?+?

"br?/Longitude:?"?+?position.coords.longitude;

}

/script

HTML5 是下一代的 HTML。有許多現(xiàn)在版本HTML中沒有的新特性。

HTML5怎樣獲取地理位置

HTML5怎樣獲取地理信息，如html5怎樣獲取ip地址，怎樣實(shí)現(xiàn)gps導(dǎo)航定位，wifi基站的mac地址服務(wù)等，這些在HTML5中已經(jīng)都已經(jīng)有API實(shí)現(xiàn)了，用戶可以輕松使用html5技術(shù)進(jìn)行操作，下面詳細(xì)為大家介紹HTML5操作地理信息。

1、HTML5中ip地址

其實(shí)在中國IP地址還是比較準(zhǔn)確，書上說不準(zhǔn)確，很多時(shí)候獲取的是ISP機(jī)房的位置，但是獲取非常方便，沒有什么限制。但是實(shí)際上我覺得在中國，ip地址還是比較準(zhǔn)確的，基本上上能精確到小區(qū)或大樓的標(biāo)準(zhǔn)。

2、HTML5中GPS定位操作

GPS定位非常準(zhǔn)確，但是需要在戶外，且需要很長時(shí)間搜索衛(wèi)星。但前提就是硬件設(shè)備要支持GPS。最主要的很多設(shè)備比如筆記本電腦基本都是不帶GPS的，新的智能手機(jī)purse hanger倒是都有。

3、WiFi基站的mac地址。

（猜測是連接位置已知的公共WiFi的時(shí)候，通過Mac地址識(shí)別WiFi接入點(diǎn)，從而定位)

這種定位的精度還是很不錯(cuò)的，而且還可以在室內(nèi)定位。不過由于這種位置公開的wifi比較少，此種方法的適用范圍比較少。

4、 GSM或CDMA基站

通過基站定位，精度隨基站密度變化，精度一般，還是只有手機(jī)能用?？磥淼乩砦恢肁PI還是手機(jī)上比較有實(shí)用性。

5、用戶指定位置

暈，這個(gè)就不是HTML5的范疇了。

地理位置獲取流程步驟：

1、用戶打開需要獲取地理位置的web應(yīng)用。

2、應(yīng)用向?yàn)g覽器請求地理位置，瀏覽器彈出詢問窗口，詢問用戶是否共享地理位置。

3、假設(shè)用戶允許，瀏覽器從設(shè)別查詢相關(guān)信息。

4、瀏覽器將相關(guān)信息發(fā)送到一個(gè)信任的位置服務(wù)器，服務(wù)器返回具體的地理位置。

如何使用HTML5地理位置定位功能

地理位置獲取流程：

1、用戶打開需要獲取地理位置的web應(yīng)用。

2、應(yīng)用向?yàn)g覽器請求地理位置，瀏覽器彈出詢問窗口，詢問用戶是否共享地理位置。

3、假設(shè)用戶允許，瀏覽器從設(shè)別查詢相關(guān)信息。

4、瀏覽器將相關(guān)信息發(fā)送到一個(gè)信任的位置服務(wù)器，服務(wù)器返回具體的地理位置。

檢測瀏覽器支持：

JavaScript Code復(fù)制內(nèi)容到剪貼板

function loadDemo() {

if(navigator.geolocation) {

document.getElementById(“support”).innerHTML = “HTML5 Geolocation supported.”;

} else {

document.getElementById(“support”).innerHTML = “HTML5 Geolocation is not supported in

your browser.”;

}

}

位置請求方式：

單次請求

JavaScript Code復(fù)制內(nèi)容到剪貼板

navigator.geolocation.getCurrentPosition(updateLocation, handleLocationError, options);

回調(diào)函數(shù)updateLocation接受一個(gè)對象參數(shù)，表示當(dāng)前的地理位置，它有如下屬性：

latitude——緯度

longitude——精度

accuracy——精確度，單位米

altitude——高度，單位米

altitudeAccuracy——高度的精確地，單位米

heading—運(yùn)動(dòng)的方向，相對于正北方向的角度

speed——運(yùn)動(dòng)的速度（假設(shè)你在地平線上運(yùn)動(dòng)），單位米/秒

回調(diào)函數(shù)handleLocationError接受錯(cuò)誤對象，error.code是如下錯(cuò)誤號(hào)。

UNKNOWN_ERROR (error code 0) —— 錯(cuò)誤不在如下三種之內(nèi)，你可以使用error.message獲取錯(cuò)誤詳細(xì)信息。

PERMISSION_DENIED (error code 1)—— 用不選擇不共享地理位置

POSITION_UNAVAILABLE (error code 2) ——無法獲取當(dāng)前位置

TIMEOUT (error code 3) ——在指定時(shí)間無法獲取位置會(huì)觸發(fā)此錯(cuò)誤。

第三個(gè)參數(shù)options是可選參數(shù)，屬性如下：

enableHighAccuracy——指示瀏覽器獲取高精度的位置，默認(rèn)為false。當(dāng)開啟后，可能沒有任何影響，也可能使瀏覽器花費(fèi)更長的時(shí)間獲取更精確的位置數(shù)據(jù)。

timeout——指定獲取地理位置的超時(shí)時(shí)間，默認(rèn)不限時(shí)。單位為毫秒。

maximumAge——最長有效期，在重復(fù)獲取地理位置時(shí)，此參數(shù)指定多久再次獲取位置。默認(rèn)為0，表示瀏覽器需要立刻重新計(jì)算位置。

新聞標(biāo)題：html5位置,html5定位當(dāng)前位置
文章來源：http://jinyejixie.com/article36/dssdisg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、網(wǎng)站設(shè)計(jì)、用戶體驗(yàn)、企業(yè)建站、網(wǎng)頁設(shè)計(jì)公司、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)