本篇教程探討了HTML5教程 如何獲取當前位置的經緯度，希望閱讀本篇文章以后大家有所收獲，幫助大家HTML5+CSS3從入門到精通 。

<

是想讓地圖的定位用戶位置更準確一些。

查看了介紹：?http://www.w3school.com.cn/html5/html_5_geolocation.asp

看介紹中拿數據挺簡單。

html>

點擊這個按鈕，獲得您的坐標：

試一下

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?+

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

}

正確點擊按鈕能拿到返回的經緯度

有個問題是：????navigator.geolocation.getCurrentPosition(showPosition);???這個回調，有時有，有時沒有?，不穩定。??還有就是出來的經緯度弄到地圖上，我了個去，跑到廣州了。。。

--------------------------------------

本身百度地圖api

ip定位：???http://lbsyun.baidu.com/jsdemo.htm#i8_2?，??有點糙，顯示的是城市名

瀏覽器定位：??http://lbsyun.baidu.com/jsdemo.htm#i8_1???，拿到經緯度展示，大概的。

百度有個?Geolocation，?打開上面的2個中一個，替換下

//?百度地圖API功能

var?map?=?new?BMap.Map("allmap");

var?point?=?new?BMap.Point(116.331398,39.897445);

map.centerAndZoom(point,12);

var?geolocation?=?new?BMap.Geolocation();??//實例化瀏覽器定位對象。

//下面是getCurrentPosition方法。調用該對象的getCurrentPosition()，與HTML5不同的是，這個方法原型是getCurrentPosition(callback:function[,?options:?PositionOptions])，也就是說無論成功與否都執行回調函數1，第二個參數是關于位置的選項。?因此能否定位成功需要在回調函數1中自己判斷。

geolocation.getCurrentPosition(function(r){???//定位結果對象會傳遞給r變量

if(this.getStatus()?==?BMAP_STATUS_SUCCESS){??//通過Geolocation類的getStatus()可以判斷是否成功定位。

var?mk?=?new?BMap.Marker(r.point);????//基于定位的這個點的點位創建marker

map.addOverlay(mk);????//將marker作為覆蓋物添加到map地圖上

map.panTo(r.point);???//將地圖中心點移動到定位的這個點位置。注意是r.point而不是r對象。

alert(‘您的位置：‘+r.point.lng+‘,‘+r.point.lat);??//r對象的point屬性也是一個對象，這個對象的lng屬性表示經度，lat屬性表示緯度。

}

else?{

alert(‘failed‘+this.getStatus());

}

},{enableHighAccuracy:?true})

得到的是大致的經緯度，但城市是對的，位置有些偏差。

本文由職坐標整理并發布，希望對同學們有所幫助。了解更多詳情請關注職坐標WEB前端HTML5/CSS3頻道！

總結

以上是生活随笔為你收集整理的html5获取当前坐标,HTML5教程 如何获取当前位置的经纬度的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。