HTML5地理定位(Geolocation)

时间:2022-11-22 15:15:16

html5中使用getCurrentPosition()方法获得用户的位置
HTML5地理定位(Geolocation)

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