HTML5 Geolocation(地理定位)

作者:Liaodeity - 2016年10月14日


<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>点击按钮获取您当前坐标</title> 
</head>
<body>
<p id="demo">点击按钮获取您当前坐标(可能需要比较长的时间获取):</p>
<button onclick="getLocation()">点我</button>
<script>
var x=document.getElementById("demo");
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>


本文作者: Liaodeity

本文链接: https://www.jianbaizhan.com/article/505

版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!


 请勿发布不友善或者负能量的内容。审查将对发布广告等违规信息进行处罚!