Google Maps Error – Most likely Theme Related

[zfwjs]

Currently see the google map on the event page load correctly and then give this error:

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

In place of the map.

Console shows this:

Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error
_.ib()js (line 34)
a = “Google Maps API error: M…s#missing-key-map-error”
Om/this.f</<()common.js (line 51)
a = 15
_.Hw</<()common.js (line 199)
a = Object { type=”object”}
wm/c()common.js (line 45)
a = Object { type=”object”}
AuthenticationService.Authenticate?1shttp%3A%2F%2Fk4.example.com%2Fevent%2Fbob-eden-park-3%2F&callback=_xdc_._mmk4og&token=24159()Authent…n=24159 (line 1)

…){a.apply(b,c)})}};_.fb=function(a){return window.setTimeout(a,0)};hb=function(a…

js (line 34)
Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys

I’m getting the NoAPIKeys error even though the key has been successfully saved in Settings. I know the API is entered correctly and working correctly, becasue:

I have disbaled all of the plugins and it’s still not working. I switched to the Twenty Sixteen theme and it’s working fine on that theme.

So something in the Divi theme is causing the error. There is a Google Maps module that is available as a part of the Divi theme, but I’m not using it anywhere on the site. There’s a place in the Divi backend to enter a Google maps API. I’ve tried putting the same API in there and removing it, both have the same result.

[zfwjs]

This reply is private.

[Geoff B.]

Good evening Jonathan and welcome to the Events Calendar Support forum!

Thank you for reaching out to us and for your login invitation.
Unfortunately, our policy does not allow us to log in to clients websites for several reasons, including liability.

We are sorry to hear about your maps not displaying. Yikes!
I would love to help you with this topic.

The first thing I would recommend is to read the following knowledge base article thoroughly (just to make extra sure, everything is perfectly setup): https://theeventscalendar.com/knowledgebase/setting-up-your-google-maps-api-key/

Secondly, could you tell me which version of Divi you are using and if you have a child theme active ?

Best regards,

Geoff B.

[zfwjs]

The site is a dev site on an EC2 instance with a current snapshot, so there’s nothing to mess up.

I followed the guide for API setup, and enabled both API’s for the browser key. The only difference is I currently have no referrer restrictions established. But, as I stated, when switching to the Twenty Sixteen theme, the map displays correctly every time.

I’m on the latest Divi version 2.7.10 and I do have a child theme. The child theme is currently active, but I just switched to the main theme and the maps still kicked out the same error.

Just to add, when I activate the Twenty Sixteen theme there are no map javascript errors in the console.

[Geoff B.]

Good evening Jonathan,

Thank you for running those tests.
I am sorry this was not met with success.

I ran some tests on my end using the latest version of Divi. Unfortunately, I was not able to reproduce the issue.
At best, I can get “Google Maps API error: RefererNotAllowedMapError” while using a server key instead of a browser key.

But I am not getting the missing key map error like you are. The only difference between our setups at this point is PHP7.
I will pursue these tests on such an install next week.

At this point, could you please try completely removing the key from Events -> Settings -> API and tell me what happens ?

Have a good week-end,

Geoff B.

[zfwjs]

This reply is private.

[zfwjs]

This reply is private.

[zfwjs]

For anyone else reading this (that can’t see the private responses), my issue is solved.

Ultimately it took a complete do-over (wordpress, theme, child-theme, plugins), but it now works.

I’m guessing based on the fact that the maps display worked correctly on the stock theme, I must have had a corruption in my Divi theme somewhere.

[Geoff B.]

Good evening Jonathan,

Stellar work on this! Wow!

I’m super stoked that everything finally works on your end.
But I am as puzzled as you are as to what the cause can be.

Your guess is as good as mine on the exact cause of this, but I will relay the question to our Dev team to see if they come up with any possible explanation. If so, I will write back.

Otherwise, you are welcome back on our support forums any time 🙂

For now, I am going to close this thread.

Have a great week!

Geoff B.

[Author]

Posts