HTML5怎么實(shí)現(xiàn)JavascriptAPI擴(kuò)展

本篇內(nèi)容主要講解“HTML5怎么實(shí)現(xiàn)Javascript API擴(kuò)展”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“HTML5怎么實(shí)現(xiàn)Javascript API擴(kuò)展”吧!

專注于為中小企業(yè)提供成都網(wǎng)站制作、做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)武漢免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上千多家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

現(xiàn)在比較火的一類服務(wù)稱為基于位置的服務(wù)（基于位置的服務(wù)，LBS），這一類服務(wù)就是企業(yè)利用某點(diǎn)（例如用戶所在的位置）相關(guān)服務(wù)。在HTML5中，加入了新的地理位置API用來確定和分享地理位置。

隱私申明

在與遠(yuǎn)程的Web服務(wù)器共享物理位置時(shí)，隱私是一個(gè)需要關(guān)注的問題。因此，地理位置API會(huì)要求用戶先提供權(quán)限，然后Web應(yīng)用程序才能訪問位置信息。首次訪問請(qǐng)求定位數(shù)據(jù)的網(wǎng)頁(yè)時(shí)，瀏覽器將顯示一個(gè)通知欄，提示提供對(duì)用戶位置的訪問權(quán)限。按照瀏覽器的提示，選擇相關(guān)的授權(quán)即可。

如果用戶未授予權(quán)限，則不會(huì)向網(wǎng)絡(luò)應(yīng)用程序提供位置信息。調(diào)用相關(guān)API不會(huì)觸發(fā)成功回調(diào)。

檢查瀏覽器的請(qǐng)立即獲取iTunes情況

地理位置API在主流的瀏覽器的最新版中都支持了如果地理位置API不可用，則window.navigator.geolocation將為null，如下所示：

復(fù)制代碼代碼如下： www.mb5u.com

函數(shù)show_islocationenabled（）

{

var str =“否，不支持地理定位?！?

if（window.navigator.geolocation）{

str =“是，支持地理定位。”;

}

alert（str）;

}

Geolocation API基于導(dǎo)航器這一目標(biāo)對(duì)象的一個(gè)新屬性：navigator.geolocation，該對(duì)象提供了一些有關(guān)訪問者的瀏覽器和系統(tǒng)的有用信息。是GPS等。使用不同的方式獲取到的地理位置信息精度也是不一樣的，通常情況下，通過GPS獲得的最高準(zhǔn)確度（移動(dòng)平臺(tái)上使用GPS最多，PC平臺(tái)上基本都是靠網(wǎng)絡(luò)數(shù)據(jù)）。偶然情況下，在一些位置上，你有可能無(wú)法獲得明確的位置讀數(shù)或一點(diǎn)數(shù)據(jù)都接收不到。定位

當(dāng)前位置

使用navigator.geolocation的getCurrentPosition（）方法獲取用戶的當(dāng)前位置，這個(gè)方法只獲取一次位置的信息。當(dāng)該方法被腳本調(diào)用時(shí)，方法以異步的方式來嘗試獲取托管設(shè)備的當(dāng)前位置。

復(fù)制代碼代碼如下： www.mb5u.com

方法簽名：getCurrentPosition（geolocationSuccessCallback，[geolocationErrorCallback，geolocationOptions]）;

1. geolocationSuccessCallback：獲取當(dāng)前位置成功后的替代（必需的）

。2. geolocationErrorCallback。有錯(cuò)誤發(fā)生時(shí)使用的任選（可選）

。3. geolocationOptions。地理位置選項(xiàng)（任選的）

處理位置信息

getCurrentPositon（）方法獲得當(dāng)前位置成功后重新定位位置信息保存到一個(gè)位置對(duì)象中，然后把這個(gè)對(duì)象作為參數(shù)來執(zhí)行g(shù)eolocationSuccessCallback這一步驟。的信息。

位置對(duì)象有兩個(gè)屬性：時(shí)間戳和coords.timestamp屬性表示地理位置數(shù)據(jù)的創(chuàng)建時(shí)間，COORDS屬性表示地理位置信息，又包含七個(gè)屬性：

復(fù)制代碼代碼如下： www.mb5u.com

。coords.latitude：估計(jì)緯度

。coords.longitude：估計(jì)經(jīng)度

。coords.altitude：估計(jì)高度

。coords.accuracy：所提供的以米為單位的經(jīng)度和緯度估計(jì)的精確度

。coords.altitudeAccuracy：所提供的以米為單位的高度估計(jì)的精確度

。coords.heading：主機(jī)設(shè)備當(dāng)前移動(dòng)的角度方向，相對(duì)于正北方向順時(shí)針計(jì)算

。coords.speed：以米每秒為單位的設(shè)備的當(dāng)前對(duì)地速度

一般的，這些屬性中有三項(xiàng)是保證有的：coords.latitude，coords.longitude和coords.accuracy，其余的返回null；這取決于設(shè)備的能力和其所采用的定位服務(wù)器。而且，heading和速度屬性可以基于用戶之前的位置計(jì)算出來。

處理錯(cuò)誤

執(zhí)行g(shù)etCurrentPositon（）方法時(shí)如果有錯(cuò)誤發(fā)生的話，則該方法傳遞一個(gè)PositionError對(duì)象給geolocationErrorCallback回調(diào)。

設(shè)置地理位置選項(xiàng)對(duì)話

你可以設(shè)置geolocationOptions的三個(gè)屬性：

復(fù)制代碼代碼如下： www.mb5u.com

enableHighAccuracy：如果設(shè)備支持高級(jí)的話，這個(gè)選項(xiàng)表示是否啟用高精度。timeout

：查詢超時(shí)時(shí)間

maximumAge：緩存的位置最大的時(shí)間數(shù)，在這一時(shí)間段內(nèi)緩存可被使用。

看下面完整的例子：

復(fù)制代碼代碼如下： www.mb5u.com

<！DOCTYPE html>

<html>

<body>

<p id =“ demo”>單擊按鈕獲取位置：</ p>

var x = document.getElementById（“ demo”）;

函數(shù)getLocation（）{

如果（navigator.geolocation）{

navigator.geolocation.getCurrentPosition（showPosition，showError）;

}

else {

x.innerHTML =“此瀏覽器不支持地理位置?！?

}

函數(shù)showPosition（position）{

var latlon = position.coords.latitude +“，” + position.coords.longitude;

var img_url =“ http：

latlon +“＆zoom = 9＆size = 400x300＆sensor = false”;

document.getElementById（“ mapholder”）。innerHTML =“ <img src ='” + img_url +“'/>”;

}

函數(shù)showError（error）{

switch（error.code）{

case error.PERMISSION_DENIED：

x.innerHTML =“用戶拒絕了地理位置定位請(qǐng)求?！?/p>

休息;

case error.POSITION_UNAVAILABLE：

x.innerHTML =“位置信息不可用?！?/p>

休息;

大小寫錯(cuò)誤。TIMEOUT：

x.innerHTML =“獲取用戶位置的請(qǐng)求超時(shí)?！?/p>

休息;

大小寫錯(cuò)誤。UNKNOWN_ERROR：

x.innerHTML =“發(fā)生未知錯(cuò)誤。”

休息;

}

這個(gè)例子獲取到當(dāng)前設(shè)備所在位置的位置并顯示到Google地圖中。當(dāng)然你可以使用百度地圖API中的靜態(tài)圖版來改造這個(gè)例子。百度地圖API后面后面的實(shí)用參考中的鏈接。

開啟/取消持續(xù)定位

使用navigator.geolocation的watchPosition（）方法可以定期更改用戶的位置，查看用戶的位置是否發(fā)生改變。這個(gè)方法有三個(gè)參數(shù)：這三個(gè)參數(shù)和getCurrentPosition（）方法一樣，一個(gè)成功后的情況，一個(gè)失敗后的一部分，和一個(gè)獲取位置信息的選項(xiàng)；這個(gè)方法有一個(gè)返回值watchID，用于取消持續(xù)定位。

使用navigator.geolocation的clearWatch（）方法可以終止插入的watchPosition（），該方法只帶一個(gè)參數(shù)watchID。

看下面的例子：

復(fù)制代碼代碼如下： www.mb5u.com

<！DOCTYPE html>

<html>

<head>

<title>地理位置API示例：偵聽位置更新</ title>

<腳本type =“ text / javascript”>

函數(shù)setText（val，e）{

document.getElementById（e）.value = val;

}

var nav = null;

var watchID;

函數(shù)listenForPositionUpdates（）{

如果（nav == null）{

nav = window.navigator;

}

if（nav！= null）{

var geoloc = nav.geolocation;

如果（geoloc！= null）{

watchID = geoloc.watchPosition（successCallback）;

}

else {

alert（“

否則{

alert（“未找到導(dǎo)航器”）;

}

函數(shù)clearWatch（watchID）{

window.navigator.geolocation.clearWatch（watchID）;

}

函數(shù)successCallback（position）

{

setText（position.coords.latitude，“ latitude”）;

setText（position.coords.longitude，“經(jīng)度”）;

}

</ script>

</ head>

<body>

<input type =“ button” value =“監(jiān)視緯度和經(jīng)度” onclick =“

</ html>

到此，相信大家對(duì)“HTML5怎么實(shí)現(xiàn)Javascript API擴(kuò)展”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

文章名稱：HTML5怎么實(shí)現(xiàn)JavascriptAPI擴(kuò)展
URL分享：http://aaarwkj.com/article34/pjcpse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、網(wǎng)站維護(hù)、營(yíng)銷型網(wǎng)站建設(shè)、建站公司、服務(wù)器托管、定制開發(fā)

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

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

HTML5怎么實(shí)現(xiàn)JavascriptAPI擴(kuò)展