html5获取地理位置

最新推荐文章于 2024-06-22 11:04:52 发布

清濛

最新推荐文章于 2024-06-22 11:04:52 发布

阅读量366

点赞数

分类专栏： Html5 文章标签： html5

本文链接：https://blog.csdn.net/xyy_933/article/details/51378438

版权

Html5 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!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>