I am using Geolocation.watchPosition()
and I get the following error on callback
Network location provider at 'https://www.googleapis.com/' : Returned
error code 403.
This seems to be only happening in chrome desktop browser. firefox seems to be fine. This is also just started happening today, I have never come across this error before within my web app using the Geolocation.watchPosition()
.
Update: bug https://bugs.chromium.org/p/chromium/issues/detail?id=753242
This happened to me too. I had to enable location services on my Mac.
After looking for an answer, I think there is something wrong with Google
I tried it with developers.google site
Safari: worked
Google Chrome: failed
It is indeed a chrome issue, to get around it you have to check your developer dashboard and make sure that your API key has no warnings.
Also, you need to make sure that the proper usage restrictions are in place for the development phase:
This key is unrestricted. To prevent unauthorized use and quota theft, restrict your key.
Key restriction lets you specify which web sites, IP addresses, or apps can use this key.
More information can be found here.
Currently there is might be an issue with google map API. I was also using google map API yesterday and it was not working as it should be. And then i started using this free plugin and it worked for me like a charm.
http://www.geoplugin.com/
This might be the answer you're looking for.
403 means you've reached your daily limit when using googleapis, I am getting the same problem on all my google software.
Source:
https://developers.google.com/maps/documentation/geolocation/intro
In my case I reset my location permission to Ask(default) in chrome and after reload Allow the location and boom... , its worked.
Just restart Chrome (Force Quit), and it will work fine!
I had the same issue where it is not working on Chrome. And then I found this link
https://www.reddit.com/r/webdev/comments/3j8ipj/anyone_else_had_issues_with_the_html5_geolocation/
According to one of Reddit user, you need set to enableHighAccuracy to true. The code looks something like this
//Get current location
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(
position => {
console.log(position.coords);
},
error => {
console.log("Error: ", error)
},{ enableHighAccuracy: true });
}
Hope this helps.