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

问题

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

回答1:

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

回答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

回答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.

回答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/

回答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

回答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.

回答7:

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

来源：https://stackoverflow.com/questions/41137594/network-location-provider-at-https-www-googleapis-com-returned-error-code

标签

google-chrome

google-maps-api-3

web-applications

geolocation