HTML--获取自己所在位置的经纬度（HTML5）
注意：需要在能够接受HTML5标准的浏览器上运行才能显示
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>位置获取</title>
</head>
<body>
<p id="location">点击按钮获取当前坐标：</p>
<button οnclick="getLocation()">请点击</button>
<script>
var x=document.getElementById("location");
function getLocation()
{
if(navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition,showError);
}
else
{
x.innerHTML="该浏览器版本不支持定位";
}
}
function showPosition(position)//经纬度获取
{
x.innerHTML="纬度："+position.coords.latitude+
"<br>经度："+position.coords.longitude;
}
function showError(error)//错误抛出
{
switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="用户拒绝对获取地理位置的请求。"
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML="位置信息是不可用的。"
break;
case error.TIMEOUT:
x.innerHTML="请求用户地理位置超时。"
break;
case error.UNKNOWN_ERROR:
x.innerHTML="未知错误。"
break;
}
}
</script>
</body>
</html>