HTML5 地理定位
warning:
这篇文章距离上次修改已过192天，其中的内容可能已经有所变动。
HTML5 地理位置API允许web应用程序访问用户的位置信息。以下是一个使用HTML5地理位置API获取用户当前位置的简单示例：
<!DOCTYPE html>
<html>
<body>
<p>点击按钮获取您的位置：</p>
<button onclick="getLocation()">获取位置</button>
<script>
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition, showError);
} else {
alert("浏览器不支持地理定位。");
}
}
function showPosition(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
alert("纬度: " + latitude + "\n经度: " + longitude);
}
function showError(error) {
switch(error.code) {
case error.PERMISSION_DENIED:
alert("用户拒绝对地理定位服务的请求。");
break;
case error.POSITION_UNAVAILABLE:
alert("位置信息是不可用的。");
break;
case error.TIMEOUT:
alert("请求用户地理位置超时。");
break;
case error.UNKNOWN_ERROR:
alert("未知错误。");
break;
}
}
</script>
</body>
</html>这段代码首先检查浏览器是否支持地理定位API。如果支持，它将调用getCurrentPosition方法获取用户的当前位置。如果成功，showPosition函数会被调用，并显示纬度和经度。如果失败，showError函数会被调用，并显示错误信息。
评论已关闭