Network location provider at 'https://www.googleapis.com/' : Returned error code 403 in Webapp

Question

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

Answer 1

This happened to me too. I had to enable location services on my Mac.

Answer 2

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

Answer 3

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.

Answer 4

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/

Answer 5

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

Answer 6

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.

Answer 7

In my case I reset my location permission to Ask(default) in chrome and after reload Allow the location and boom... , its worked.