黄片视频日逼飞机场|草草视频在线观看|日韩一级无码视频|99页中文字幕|丁香五月天久操视频|亚洲和欧洲SM视频|综合久久资源探花|亚洲天堂牛牛牛牛牛牛|欧洲天堂色色五月|男女高清一区二区三区

東莞易思訓(xùn)教育

7x24小時咨詢熱線

400-660-3310

當(dāng)前位置 : 好學(xué)校 東莞易思訓(xùn)教育 學(xué)習(xí)資訊 資訊詳情

web前端如何使用HTML5獲取地理位置定位信息?

2021-12-21

定位功能(Geolocation)是HTML5的新特性,因此只有在支持HTML5的現(xiàn)代瀏覽器上運行,特別是手持設(shè)備如iphone,地理定位更加精確。首先我們要檢測用戶設(shè)備瀏覽器是否支持地理定位,如果支持則獲取地理信息。注意這個特性可能侵犯用戶的隱私,除非用戶同意,否則用戶位置信息是不可用的,所以我們在訪問該應(yīng)用時會提示是否允許地理定位,我們當(dāng)然選擇允許即可。

function getLocation(){

if (navigator.geolocation){

navigator.geolocation.getCurrentPosition(showPosition,showError);

}else{

alert(\\\"瀏覽器不支持地理定位。\\\");

}

}

web前端

上面的代碼可以知道,如果用戶設(shè)備支持地理定位,則運行 getCurrentPosition() 方法。如果getCurrentPosition()運行成功,則向參數(shù)showPosition中規(guī)定的函數(shù)返回一個coordinates對象,getCurrentPosition() 方法的第二個參數(shù)showError用于處理錯誤,它規(guī)定當(dāng)獲取用戶位置失敗時運行的函數(shù)。

我們先來看函數(shù)showError(),它規(guī)定獲取用戶地理位置失敗時的一些錯誤代碼處理方式:

function showError(error){

switch(error.code) {

case error.PERMISSION_DENIED:

alert(\\\"定位失敗,用戶拒絕請求地理定位\\\");

break;

case error.POSITION_UNAVAILABLE:

alert(\\\"定位失敗,位置信息是不可用\\\");

break;

case error.TIMEOUT:

alert(\\\"定位失敗,請求獲取用戶位置超時\\\");

break;

case error.UNKNOWN_ERROR:

alert(\\\"定位失敗,定位系統(tǒng)失效\\\");

break;

}

}

web前端操作

我們再來看函數(shù)showPosition(),調(diào)用coords的latitude和longitude即可獲取到用戶的緯度和經(jīng)度。

function showPosition(position){

var lat = position.coords.latitude; //緯度

var lag = position.coords.longitude; //經(jīng)度

alert(\\\'緯度:\\\'+lat+\\\',經(jīng)度:\\\'+lag);

}

收藏
分享到:

相關(guān)課程

相關(guān)資訊

東莞易思訓(xùn)教育

東莞易思訓(xùn)教育

認(rèn)證等級

信譽良好,可安心報讀

東莞易思訓(xùn)教育

已獲好學(xué)校V2信譽等級認(rèn)證

信譽值

  • (60-80)基礎(chǔ)信譽積累,可放心報讀
  • (81-90)良好信譽積累,可持續(xù)信賴
  • (91-100)充分信譽積累,推薦報讀

與好學(xué)校簽訂讀書保障協(xié)議:

  • 100%
  • 37
  • 1953
在線咨詢
官方授權(quán)聲明

尊敬的平臺會員您好,[東莞易思訓(xùn)教育]資質(zhì)文件正在審核中。如需了解[東莞易思訓(xùn)教育]服務(wù)明細(xì)或申請試聽服務(wù),
請點擊:聯(lián)系客服。

;