ios10苹果手机页面定位不准问题

时间:2022-01-09 17:17:05

安卓下没有问题,苹果手机定位失败
原因ios10后,对获取地理位置信息作出了限制,只有https的方式才能获取

官方示例

<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport"
content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

<style>
</style>
</head>
<body>
<div> 定位测试
</div>
<script type="text/javascript">
window.onload=function(){
navigator.geolocation.getCurrentPosition(showMap);
}
// Get the current location
function showMap(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
alert(latitude);
alert(longitude);
}
</script>
</body>
</html>

注意需放在 window.onload=function(){
navigator.geolocation.getCurrentPosition(showMap);
}

测试地址:https://wxw.szmb.gov.cn/dw.html