Google Maps on Contact Page:

GK User
Sun Jul 03, 2016 6:55 pm
Hello,

I used the Villa Bellucci theme for another Wordpress Installation and there the Google Maps display on the contact page worked fine, now I am getting the following JS error:
Code: Select all
Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error
https://maps.googleapis.com/maps/api/js?v=3.exp&callback=gkMapInitialize&_=1467568379596
Line 35


http://nelle.dwasmeier.de/kontakt/

Regards,
Erik
User avatar
Fresh Boarder

Joshua M
Mon Jul 04, 2016 7:47 am
Hello,

After 22 June Google Maps API requires API keys for new websites, that's the soruce of your issue. Please check the following article about generating API keys:
https://developers.google.com/maps/docu ... et-api-key
User avatar
Moderator

GK User
Mon Jul 04, 2016 2:58 pm
Joshua M wrote:Hello,

After 22 June Google Maps API requires API keys for new websites, that's the soruce of your issue. Please check the following article about generating API keys:
https://developers.google.com/maps/docu ... et-api-key

This is most likely the reason, is there any fix planned to set the Google Maps API key?

As I can see, the /wp-content/themes/Hotel/js/functions.js has to be adapted because of that change, I assume.
User avatar
Fresh Boarder

GK User
Mon Jul 04, 2016 4:23 pm
Found a fix by myself:

Open /wp-content/themes/Hotel/js/functions.js and search for near-by line 143:
jQuery.getScript("https://maps.googleapis.com/maps/api/js?key=YOUR_GOOGLE_MAPS_API_KEY&callback=gkMapInitialize")

Insert your API Key by replacing YOUR_GOOGLE_MAPS_API_KEY

Thanks for the hint!
User avatar
Fresh Boarder

GK User
Thu Jul 07, 2016 5:27 am
help me, and I put my key but still appears me wrong, I have to do something else?

http://ligapremierojodeagua.com.mx/contact/
User avatar
Senior Boarder

Joshua M
Thu Jul 07, 2016 8:20 am
Hello,

@selector you have "Google Maps API error" in your JavaScript console, did you generate your keys properly and added it like @erikjo suggested?
User avatar
Moderator

GK User
Thu Jul 07, 2016 6:29 pm
function.js and modify the file, enter my key but I aparecce APY this error: There was an error.
This page has no Google Maps loaded correctly. Discover the technical details of the problem in the JavaScript console.
User avatar
Senior Boarder

Joshua M
Fri Jul 08, 2016 8:09 am
You have the following error:
https://developers.google.com/maps/docu ... -map-error

and the solution:
"The current URL loading the Google Maps JavaScript API has not been added to the list of allowed referrers. Please check the referrer settings of your API key on the Google API Console."
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.