[Dariusz]

My directory is https://longislandinterventions.com/recovery-resources

I’ve searched the forums but can’t find a solution. I’ve followed the directions here how to get google maps key:

https://connections-pro.com/documentation/create-google-maps-api-keys/

I’ve got a Server and API key and added them to the correct places in plugin settings. I have the Google Maps setting CHECKED in “advanced”. I took off all restrictions off both keys to see if it would help, to no avail.

When I press “Geocode” in the listings i get the message:

Oops! Something went wrong.

This page didn’t load Google Maps correctly. See the JavaScript console for technical details.

When I check the javascript console i get a bunch of errors/warnings, and multiple say things about google maps.

I’ve attached photos of both my google API page and the plugin settings page related to google maps.

PLEASE HELP!!

![enter image description here][1]

[Dariusz]

This reply has been marked as private.

[Dariusz]

Here is photo of all the javascript console errors for your reference:

https://imgur.com/a/1GpOv

I appreciate your assistance. I can’t figure out what i’m doing wrong.

[Steven Zahm]

@ Dariusz

Have you made sure to enable the Google Maps API in the API Console as outlined in the doc?

Looking at the error messages in your screenshot, the error is MissingKeyMapError which means no API was supplied.

I also see that there is two instances of the API being loaded, it is possible the second one that is being loaded is being loaded without an api key. Check you other plugins and theme settings to see any require an api key. If one does, use your browser api key for the other plugin/theme.

Hope this helps, let me know.

[Dariusz]

I’m at a loss. I’m not sure what youre referring to when saying enable the google maps API in API console. I have the Javascript enabled and Geocoding enabled per directions (see attached link)

https://imgur.com/a/bP6oI

The only other API key on the website i think is the theme (enfold) that has API key from ThemeForest added, i’m not sure how that has anything to do with it or how to change that.

:(

[Steven Zahm]

@ Dariusz

RE: I’m at a loss. I’m not sure what youre referring to when saying enable the google maps API in API console.

In the Google API Console (the Google site where you created the API keys), make sure you have the Google Maps API libraries enabled … judging by your last screenshot you do.

RE: The only other API key on the website i think is the theme (enfold) that has API key from ThemeForest added, i’m not sure how that has anything to do with it or how to change that.

No, that is not what I am referring to…

The screenshot where you show the browser console, the errors listed on the WP admin page … there is an error listed by Google which states the Google Maps API is loaded twice on the page.

That error indicates that another plugin or the theme is also loading the Google Maps API. If that second instance being loaded does not have an API key, you will get the MissingKeyMapError from Google.

I suggest the plugin conflict check. Something else is loading the Google Maps API on the page and it does not have the key, likely overriding what you’ve setup for Connections.

[Dariusz]

Thanks, I’ve disconnected all plugins and still error messages + no map.

I’m giving up.

I have another question, how can I center the image in mobile view? It looks off and not presentable in mobile view when alighted right (see attached image)

https://imgur.com/a/1I7Rd

[Steven Zahm]

@ Dariusz

Give me an admin login, posted here as a private reply, I’ll take a look.

[Dariusz]

This reply has been marked as private.

[Steven Zahm]

@ Dariusz

Ok, the Enfold theme loads the Google Maps API too. The option is found under the Enfold settings in the Google Services tab. I added your Browser API key and that resolved the MissingKeyMapError error. Unfortunately Enfold specifically loads a retired version of the Google Maps API. Sooo… I used Code Snippets and added a filter which disables the Enfold Google Maps API in the admin.

Now it seems to work just fine. Hope that helps!

As for the image, that is just how the template displays in mobile. Since you are planning on buying cMap, there’s no need to worry about it because the image renders differently in cMap.

[Author]

Posts