只要手機(jī)有GPS模塊，可以用HTML5的Geolocation接口獲取

在HTML5中，geolocation作為navigator的一個屬性出現(xiàn)，它本身是一個對象，擁有三個方法：

• getCurrentPosition

• watchPosition

• clearWatch

1.簡單

function getLocation(){if(navigator.geolocation){//判斷是否有這個對象navigator.geolocation.getCurrentPosition(function(pos){console.log("經(jīng)度："+pos.coords.longitude+"緯度："+pos.coords.latitude)})}else{console.log("當(dāng)前系統(tǒng)不支持GPS API")}}

2.比較全面的，其實(shí)沒必要

function getLocation(){var options={enableHighAccuracy:true, maximumAge:1000}if(navigator.geolocation){//瀏覽器支持geolocation// alert("瀏覽器支持geolocation");navigator.geolocation.getCurrentPosition(onSuccess,onError,options);}else{//瀏覽器不支持geolocationalert("瀏覽器不支持geolocation");}}

獲取成功時

function onSuccess(pos){console.log("經(jīng)度："+pos.coords.longitude+"緯度："+pos.coords.latitude)}

獲取失敗時，這個錯誤故意寫得詳細(xì)點(diǎn)，讓你明白為什么失敗

function onError(error){switch(error.code){case 1:alert("位置服務(wù)被拒絕");break;case 2:alert("暫時獲取不到位置信息");break;case 3:alert("獲取信息超時");break;case 4:alert("未知錯誤");break;}}

other

//判斷瀏覽器是否支持geolocation if(navigator.geolocation){// getCurrentPosition支持三個參數(shù)// getSuccess是執(zhí)行成功的回調(diào)函數(shù)// getError是失敗的回調(diào)函數(shù)// getOptions是一個對象，用于設(shè)置getCurrentPosition的參數(shù)// 后兩個不是必要參數(shù)var getOptions = {//是否使用高精度設(shè)備，如GPS。默認(rèn)是trueenableHighAccuracy:true,//超時時間，單位毫秒，默認(rèn)為0timeout:5000,//使用設(shè)置時間內(nèi)的緩存數(shù)據(jù)，單位毫秒//默認(rèn)為0，即始終請求新數(shù)據(jù)//如設(shè)為Infinity，則始終使用緩存數(shù)據(jù)maximumAge:0};navigator.geolocation.getCurrentPosition(getSuccess, getError, getOptions);//成功回調(diào)function getSuccess(position){// getCurrentPosition執(zhí)行成功后，會把getSuccess傳一個position對象// position有兩個屬性，coords和timeStamp// timeStamp表示地理數(shù)據(jù)創(chuàng)建的時間？？？？？？// coords是一個對象，包含了地理位置數(shù)據(jù)console.log(position.timeStamp); // 估算的緯度console.log(position.coords.latitude); // 估算的經(jīng)度console.log(position.coords.longitude); // 估算的高度 (以米為單位的海拔值)console.log(position.coords.altitude); // 所得經(jīng)度和緯度的估算精度，以米為單位console.log(position.coords.accuracy); // 所得高度的估算精度，以米為單位console.log(position.coords.altitudeAccuracy); // 宿主設(shè)備的當(dāng)前移動方向，以度為單位，相對于正北方向順時針方向計(jì)算console.log(position.coords.heading);// 設(shè)備的當(dāng)前對地速度，以米/秒為單位 console.log(position.coords.speed); // 除上述結(jié)果外，Firefox還提供了另外一個屬性addressif(position.address){//通過address，可以獲得國家、省份、城市console.log(position.address.country);console.log(position.address.province);console.log(position.address.city);}}//失敗回調(diào)function getError(error){// 執(zhí)行失敗的回調(diào)函數(shù)，會接受一個error對象作為參數(shù)// error擁有一個code屬性和三個常量屬性TIMEOUT、PERMISSION_DENIED、POSITION_UNAVAILABLE// 執(zhí)行失敗時，code屬性會指向三個常量中的一個，從而指明錯誤原因switch(error.code){case error.TIMEOUT:console.log('超時');break;case error.PERMISSION_DENIED:console.log('用戶拒絕提供地理位置');break;case error.POSITION_UNAVAILABLE:console.log('地理位置不可用');break;default:break;}}// watchPosition方法一樣可以設(shè)置三個參數(shù)// 使用方法和getCurrentPosition方法一致，只是執(zhí)行效果不同。// getCurrentPosition只執(zhí)行一次// watchPosition只要設(shè)備位置發(fā)生變化，就會執(zhí)行var watcher_id = navigator.geolocation.watchPosition(getSuccess, getError, getOptions);//clearwatch用于終止watchPosition方法clearWatch(watcher_id); } 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的H5 获取手机GPS坐标的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。