I am unable to implement google maps on my website, despite generating an API key for it and configuring it correctly on the website.
http://josebaattard.com/about/
the console tells you the error:
Google Maps JavaScript API error: RefererNotAllowedMapError
https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Your site URL to be authorized: http://josebaattard.com/about/
You have limited your API-Access to an certain url and this one is not allowed.
Related
Google Maps JavaScript API error: NotLoadingAPIFromGoogleMapsError
Any thoughts?
This error message:
Google Maps JavaScript API error: NotLoadingAPIFromGoogleMapsError
is a little misleading.
The description from the documentation:
NotLoadingAPIFromGoogleMapError
The Maps JavaScript API must be downloaded directly from Google's servers.
The script element that loads the Maps JavaScript API is not being included correctly on your page. In order for the API to work correctly, it must be loaded directly from https://maps.googleapis.com.
See Loading the Maps JavaScript API.
It also occurs when using the original location for the google maps API (which worked for years):
http://maps.google.com/maps/api/js
Changing that to (per the documentation link above):
https://maps.googleapis.com/maps/api/js
fixes the error.
I have created a website and Google Maps is failing me to locate the company.
I have generated a KEY API in the Google console and I have introduced it in WordPress through the "Google maps API Key" plugin.
The case is that the map is seen for 1 second, but then it stops showing and the following error message appears: "An error has occurred, this page has not loaded Google Maps correctly." Discover the technical details of the problem in the javascript console ".
The web in question is: https://arsaiguarderia.com/
The map is on the home screen at the bottom and on the contact screen.
I see this:
js?key=A.....Y&ver=3.4:50 Google Maps JavaScript API error: RefererNotAllowedMapError
https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Your site URL to be authorized: https://arsaiguarderia.com/
Maybe you need to go to your Google Cloud Platform > API project > API > Credentials > API key name. Then set the HTTP referrers restriction to your web site name.
Looks like its a problem of http referers according to the javascript console, could you make sure your site is not blocked in the google console? Edit your api key and look for application restrictions
Please Help to repair this problem
Google Maps API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error.....There is a screen
http://prntscr.com/j0f3xa
I allow all domains in console
It's also in the comment from #Preston -- as of now (Nov. '18), the error message from the Google API - that there is a problem with a missing referrer allowance, might be misleading.
If the JS API is enabled for the project, but still not for the concrete API KEY, this error is displayed.
https://console.cloud.google.com/apis/credentials
enter image description here
I have requested a link for embedding google maps on my website on
https://developers.google.com/maps/documentation/embed/start
and have authorized everyone with the link to use it
Referers: Any referer allowed
https://code.google.com/apis/console/
but I still receive a
The Google Maps API server rejected your request. This API project is not authorized
to use this API. Please ensure that this API is activated in the APIs Console:
Learn more: https://code.google.com/apis/console
Is there some other way to test my website locally with embedded google maps?
EDIT:
They say:
Easy embedding
Google Maps Embed API maps are easy to add to your webpage—just set the URL
you build as the value of an iframe's src attribute. Control the size of the
map with the iframe's height and width attributes. No JavaScript required.
but I still can't access the link.
The problem was that they have their "quick start" out of date.
https://developers.google.com/maps/documentation/embed/start
It says you should only provide them with your API key but the thing is that there is a new version of the same website which they don't have links to from their guide but which you get a link to elsewhere( I got offered when in "billing" )
The new service is called Cloud Console and I found the API on/off buttons there.
https://console.developers.google.com/project/...
You have to enable the "Static Maps API", "Google Maps API" and "Google Maps Embed API" and make sure to have your link in an iframe div
As Dominik said, go here:
https://console.developers.google.com/project/%your-project-name%/apiui/apis/library?q=google%20maps
Enable both APIs:
Google Maps Embed API
Static Maps API
Then go here:
https://console.developers.google.com/project/%your-project-name%/apiui/credential
Create New Key
Browser Key
And you're done.
I also had to enable the Google Maps JavaScript API.
Good day.
Now i create api Key for browser apps (with referers).
Referers: *.invait.ru/*
But on site i get error:
Google does not permit the use of the Maps API for this application.
API Google key provided is invalid or do not have permission to use it
with Google Maps JavaScript API v3 on this site.
Screenshot:
Tell me please why i get it error and how remove error and use google map api v3?
For domain use Referers: invait.ru/*