html5獲取地理位置

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p id="geolocation">獲取地理位置座標:</p>
<input type="button" οnclick="getlocation()" value="獲取地理位置座標"/>
<script>
var geo=document.getElementById('geolocation');
function getlocation(){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(showposition,showerror);
}
else{
geo.innerHTML="not support!";
}
}
function showposition(position){
geo.innerHTML="經度latitude:"+position.coords.latitude+"<br>"+"緯度longititude:"+position.coords.longitude;
}
function showerror(error){
geo.innerHTML=error.code+" "+error.message;
}
</script>
</body>
</html>
發佈了70 篇原創文章 · 獲贊 0 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章