Google Maps generate JavaScript errors

Why do I continue to get the following error from a page where I have used the classic Google Maps element inserted on a page:

*You have included the Google Maps JavaScript API multiple times on this page. This may cause unexpected errors.

I am also getting the warning:

*Google Maps JavaScript API warning: NoApiKeys

And Google reference (https://developers.google.com/maps/documentation/javascript/error-messages) tells me that I v2 path has been deprecated and I should migrate my application to Maps JavaScript API v3. HOWEVER, when I do this my maps don’t show at all.

Does XTheme / Apex have complete instructions on how to insert a Google Map (with Marker Pins) using Google’s new v3 API?

Hi there,

Please do the following:

#1 Create a MAP API key here.

#2 Setup a new project:

#3 Set your billing:

#4 Get your API Key.

#5 Once you add the API key to the API Key field of the Maps element in Cornerstone, you should be able to see the maps right away.

As for the markers, you just have to make sure you are putting in the correct Latitude and Longitude in the settings. Please check this link for that:

https://support.google.com/maps/answer/18539?co=GENIE.Platform%3DDesktop&hl=en

Hope this helps.

Found solution to my problem. As mentioned in my original post I was seeing the following JavaScript error in the browser inspector:

*You have included the Google Maps JavaScript API multiple times on this page. This may cause unexpected errors.

To fix this…

Appearance > UberMenu > General Settings > Assets > Google Maps > (uncheck) Load Google Maps API

1 Like

Hello @colink,

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

Best Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.