<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5定位</title>
</head>
<body>
<div id="x">定位中...</div>
</body>
<script type="text/javascript">
var x = document.getElementById("x");
function getLocation() {
//判断当前浏览器支不支持定位功能
if (navigator.geolocation)
navigetor.geolocation.watchPosition(showPosition,showError);
else
x.innerHTML = "该浏览器不支持获取地理位置";
}
function showPosition(position) {
x.innerHTML = "纬度:" + position.coords.latitude + "经度:" + position.coords.longitude;
}
function showError(error) {
//根据error.code判断错误原因
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;
}
}
//调用方法实现定位
getLocation();
</script>
</html>
Html5定位
最新推荐文章于 2024-07-18 15:09:36 发布