Contact Map - Oops! Something went wrong. This page didn't load Google Maps correctly. See the JavaScript console for technical details.

I have ContactMap installed on a Joomla 3 website I am developing. It was working great before. Then all of a sudden the map flashes in place for a second, then the text "Oops! Something went wrong. This page didn't load Google Maps correctly. See the JavaScript console for technical details" replaces it.

The consoles gives me the following error:

Google Maps API error: MissingKeyMapError developers.google.com/maps/documentation...issing-key-map-error

js?callback=section1map:35

And the following warning:

Google Maps API warning: NoApiKeys developers.google.com/maps/documentation...messages#no-api-keys

Util.js:211

Can anyone help me. I'm not sure of how to proceed.

Thank you in advance,

Jason
8 years 9 months ago #1 by Jason Waters

Please Log in or Create an account to join the conversation.

  • Posted by TemplatePlazza (5310) Offline
Hi, I'm unable to replicate this problem at my end. Could you let me know the URL of your site so I can take a look?
8 years 9 months ago #2 by TemplatePlazza

Please Log in or Create an account to join the conversation.

I had the same error message with Google Maps, even I supplied the API key. However, I have misspelled my website (referral website) address incorrectly. Going to console was hopeless, and noone would give any clue what was going on. Finally I found the misspelling inside Google API. PhysTutor phystutor.com/index.php/contact
8 years 9 months ago #3 by Phys Tutor

Please Log in or Create an account to join the conversation.

  • Posted by TemplatePlazza (5310) Offline
Hi, it's just a warning so it should be working good without api key. But if you want to try adding api key (to see whether this is indeed an api key problem or something else), please open file root/modules/mod_contactmap/tmpl/default.php

At line 248 you will see this code :
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?callback=section1map"></script>

try to change that to
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?callback=section1map&key=YOUR_API_KEY_HERE"></script>

To get an API key you can follow the instruction described in here : developers.google.com/maps/documentation/javascript/get-api-key
8 years 9 months ago #4 by TemplatePlazza

Please Log in or Create an account to join the conversation.

Thanks for your reply. In my case the google maps picture was greyed out. But after supplying the correct website referrer (my own site), the map showed nicely.

To be more precise, when I had the wrong referrer, the map would flash for a split second (wrong location map), and then go gray with the error message in the middle.

So before going on a wild rabbit chase, check out your spellings inside the Google API site.
8 years 9 months ago #5 by Phys Tutor

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum