Alert "This page was unable to display google maps element." javascript error "RefererDeniedMapError" - google-maps

I'm getting this alert message in one of my sites that uses Google Maps JavaScript API v3:
"This page was unable to display google maps element. See the terms of service"
And in the javascript console this error:
"RefererDeniedMapError"
I searched in internet and its seems to be a new bug, I only found reports in this month (June 2015).
It seems to be a domain specific problem, because the same code works in others domains.
In my case the web page were working without an API key. After this error I generated and added an API key to my code, but it doesn't solve the problem.
In the https://console.developers.google.com/ doesn't appear any useful information. The quota of map loads is OK, but when I load the web page the map loads are not counted (probably because the error).
Does anyone has a clue about how to solve the problem?

I was getting the same error message, and realized I replaced with below one
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

I was getting the same error message, and realized I needed to remove "signin=true" from the google maps call.

Related

Error GET Google Places API

Today, Google places API stopped working on my site. Yesterday, it was working just fine. When I call it, I get following error in developer's console:
GET https://maps.googleapis.com/maps/api/place/js/AutocompletionService.GetPredictions?1slux&4scs-CZ&9sgeocode&15e3&key=AIzaSyCe8-UQIQuXtaQ5xVOqtwnCtZOjDtXj4Co&callback=_xdc_._8rz5bv&token=109805 net::ERR_ABORTED
The problem isn't in Google maps API itself, because that works just fine (without the Places). If I take fresh code snipper from Google website, it is still not working, as you can see here. So the problem isn't in my code, but in the API itself. I checked my project on Google site and the API is enabled, so it should work. Maybe it's connected to my API key? I haven't tried creating a new one, I don't want to have too many of them.
SOLUTION: After approximately one hour (from posting this), it started working again. Apparently a problem on Google side. So if you have the same problem:
Go to your Google account and check in API manager if the Google Places API service is enabled.
If it is enabled, wait and be patient. Hopefully it will fix by itself.

ExpiredKeyMapError on newly generated API key

I have just generated an API Key to enable us to display a Google map on our website but I'm getting the ExpiredKeyMapError. This is the exact same issue as this stackoverflow query from 8 months ago, but that has never received a solution: Google Maps ExpiredKeyMapError with recently created API Key
When the page first loads, the map shows for a split second and then it disappears, to be replaced with a grey box that says:
"Sorry! Something went wrong. This page didn't load Google Maps
correctly. See the JavaScript console for technical details"
And when I pull up the console, this is the error message I get:
Google Maps API error: ExpiredKeyMapError
https://developers.google.com/maps/documentation/javascript/error-messages#expired-key-map-error
SCRIPT12008: WebSocket Error: Incorrect HTTP response. Status code
403, Forbidden
and that last line just keeps repeating.
Any help much appreciated because I have no idea how to solve this myself.
I had the same error after generating a new API key, but I had JavaScript API already enabled and everything correctly setup.
While searching for an answer and checking what else I can do, the key started to work. So every single time you create a new key, be patient and expect it to work within 1-8 minutes.
I discovered that it was not working because I hadn't separately enabled the Google maps javascript API. Once I'd done that, the map started working a few minutes later.
I discovered that it was not working because I hadn't separately enabled the Places API. Once I'd done that, the map started working a few minutes later.

Implementing A Website like Google Waypoints

Actually I am new in web development and doing work by search and reading tutorials. I am confused by google API and need some help.
I am using nodejs and need to show the google map in my view and show path of a vehicle on map. I have read https://developers.google.com/maps/documentation/javascript/examples/directions-waypoints#try-it-yourself and found the waypoints in direction is my solution.
According to the steps at https://developers.google.com/maps/documentation/directions/get-api-key#key
I have created a project, added libraries and also get api key from google.then to test my api key I made a html page just like a page which is defined here
And I got an error after loading map.It
Oops! Something went wrong.
This page didn't load Google Maps correctly. See the JavaScript
console for technical details.
And consol log said the url is not authorised so I added url to Domain Verification section at Credential of this link
but the error still appears.
I am sure there is a lot of info which I did not understand them but I need to know What's wrong on my work? Do I skip any step?
I found the solution to fix my problem! I did not enable javascript API and that caused error.
To enable JavaScript Api do this
Go to API Manager
Click on Dashboard
Click on Enable API with Plus button
Search for Google Maps JavaScript API and Click on that
You will find Enable button there. Click to enable API.

Google map api v3 + Google has disabled use of the Maps API for this application

Just came across this error today intermittently:
Google has disabled use of the Maps API for this application. See the Terms of Service for more information: http://www.google.com/intl/en-US_US/help/terms_maps.html.
somehow when I refresh the page, the map comes back again. I thought if it's a violation, it would have revoke the key permanently and not allow the map loads using this key anymore. Also, the error always happens at page load. I have yet to hit the error if it's already successfully loaded. I briefly read through the terms but couldn't find anything suspicious. Anyone can advise on how to go about this error? Should I be checking for some js error or the map terms? Thanks.
This is how the map script looks like:
<script src="http://maps.google.com/maps/api/js?v=3&sensor=false&libraries=places&key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" type="text/javascript"> </script>
You could try the documented URL for the maps API script:
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=SET_TO_TRUE_OR_FALSE">
</script>
Where key is recommended but not mandatory and sensor is required.
(so this should work):
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?sensor=SET_TO_TRUE_OR_FALSE">
</script>
I noticed the same issue this morning as well, I thought it was because I was using a subdomain of the domain registered with the API service, but it is happening to my actual domain as well.
I have removed the api key from the library url which seems to have fixed the problem for now, I will put it back when it starts working again. This must be an issue with Google's licensing servers since it is affecting their own websites as well.

Google maps API v3 flash empty viewport

I'm using the google maps API v3 with flash and it works fine on one of my websites.
I transfered it to another website and changed the API key, but all I see is the default background color with no error message. Unfortunatly, I cannot access the flash source code.
Is there a way to debug the application or see some error messages without the source code?
Or maybe somebody has an idea of what is wrong?
Use Firebug Net monitor to see if all of the request are going through. That would be the first place that I would start. My guess is that there are HTTP Requests trying to get data from a domain that doesn't have a crossdomain policy allowing access from the new site you moved it to.
First of all maps V3 doesn't need a a key. I think you are combining parts of V2 (with key) and V3(which doesn't need key) so obviously there is something wrong in your code.