10
我知道，this problem已经在过去被报告过。Google Chrome中的地理位置错误
- Chrome navigator.geolocation.getCurrentPosition() error 403
- navigator.geolocation.getCurrentPosition always fail in chrome and firefox
- Network location provider at 'https://www.googleapis.com/' : Returned error code 403 in Webapp
，但它是在2015年解决了现在又回到2017年！
的误差（Geolocation Position Error, Code 2）出现在浏览器（版本56.0.2924.87（64位））：
网络在 'https://www.googleapis.com/' 的位置信息提供：返回 错误代码403
错误代码2
请注意：Chrome需要使用HTTPS进行地理定位！
function getCoords() {
return new Promise(function(resolve, reject) {
if (navigator.permissions) {
navigator.permissions.query({
name: 'geolocation'
}).then(function(permission) {
switch (permission.state) {
case 'granted':
navigator.geolocation.getCurrentPosition(function(pos) {
resolve(pos.coords);
}, function(error) {
console.error('Error Code: ' + error.code + ' - ' + error.message);
});
break;
case 'prompt':
console.info('Check Geolocation Promt.');
navigator.geolocation.getCurrentPosition(function(pos) {
resolve(pos.coords);
}, function(error) {
console.error('Error Code: ' + error.code + ' - ' + error.message);
});
break;
case 'denied':
default:
resolve(null);
break;
}
});
} else {
reject(new DOMError('NotImplemented', 'Permission API is not supported'));
}
});
}
function locate() {
if (typeof Promise !== "undefined" && Promise.toString().indexOf("[native code]") !== -1) {
getCoords().then(function(coords) {
if (coords !== null) {
console.log(coords);
document.getElementById('coords').value = coords.latitude + ', ' + coords.longitude;
} else {
console.warn('No coords returned :/');
}
});
} else {
console.warn('This browser doesn\'t support geolocation.');
}
}<button onclick="javascript:locate()">Locate me</button>
<input type="text" id="coords" readonly/>的问题似乎是在这个谷歌地图API的例子一样：https://developers.google.com/maps/documentation/javascript/examples/map-geolocation
解决方案检查我的答案https://stackoverflow.com/questions/32328133/in-new-chrome-44-0-2403-157-geolocations-doesnt-works/45319972#45319972 –