pc上使用HTML5 Geolocation的问题

前端小黑 2019-10-13 07:22:04

在网上拿到了这段代码，运行的时候在谷歌上就会弹出获取位置信息超时，但是在火狐却能正常显示
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>GPS</title>
</head>

<body style="font-size:100">
<p id="result"></p>
<script>
var result = document.getElementById("result");
getLocation();

//获取位置
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(
showPosition, handleLocationError, {
maximumAge: 60000,
timeout: 50000,
enableHighAccuracy: true
}
);
} else {
result.innerHTML = "该设备不支持gps定位";
}
}

//获取位置失败处理
function handleLocationError(error) {
switch (error.code) {
case 0:
alert("获取位置信息出错！");
break;
case 1:
alert("您设置了阻止该页面获取位置信息！");
break;
case 2:
alert("浏览器无法确定您的位置！");
break;
case 3:
alert("获取位置信息超时！");
break;
}
}

//显示位置
function showPosition(position) {
result.innerHTML = "经度: " + position.coords.latitude + "<br>纬度: " + position.coords.longitude;
}
</script>
</body>

</html>

...全文