本文實例講述了html5獲取地理定位的方法，分享給大家供大家參考。具體方法如下：

html5 獲取坐標代碼如下：

復制代碼代碼如下:

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

試一下

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

function getLocation(){

if(navigator.geolocation){

navigator.geolocation.getCurrentPosition(showPosition);

}else{

x.innerHTML="瀏覽器不支持！！！";

}

}

function showPosition(position){

x.innerHTML="Latitude: "+position.coords.latitude+"
Longitude: "+position.coords.longitude;

}

經測試，在IE9 、firefox、chrome、opera上都可以成功獲取到坐標位置，但是safari 5.x上卻不能返回坐標，暫時木有找到原因。成功的案例里頭，chrome響應的速度最快，其次是opera，然后是IE9，firefox居然是最慢的。個人表示對firefox很失望，不過chrome倒是越來棒了。

希望本文所述對大家的HTML5程序設計有所幫助。

總結

以上是生活随笔為你收集整理的html坐标定位图解,HTML5地理定位实例的全部內容，希望文章能夠幫你解決所遇到的問題。

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