您的位置:首页 > Web前端 > HTML5

HTML5地理定位(Geolocation)

2016-06-14 10:15 531 查看
html5中使用getCurrentPosition()方法获得用户的位置



<p id="demo">点击按钮获取您当前坐标:</p>
<button onclick="getLocation()">点我</button> <!--点击触发获取位置的函数-->
<script>
var x=document.getElementById("demo");//
function getLocation() //获取地理位置的函数
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML="该浏览器不支持获取地理位置。";}
}
function showPosition(position) //显示地理位置的函数
{
x.innerHTML="纬度: " + position.coords.latitude +
"<br>经度: " + position.coords.longitude;
}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html5 地理定位