Google Maps saying something went wrong!

Support
#1

Since updating to the latest version my google maps on the homepage and contact page show this:

How can I fix this? I’m using the google maps option when designing the page.

#2

Hi there,

You will have to generate an API key for google maps here and set it in the google map element.

Hope this helps.

#3

How do you do that? I already generated a google API Key but not sure how to set it in the google map element.
Where can I find the settings for this?

#4

Hello @Jhon898,

Thanks for updating thread. :slight_smile:

You need to add the API key into API key text box of maps element. https://cloudup.com/cA0BzdIA3r4

Thanks.

#5

Where do you find the maps element? I’ve added the maps in a section on a page and this is all I see. I don’t see anything that looks like what you posted.

#6

Hello @Jhon898,

Thanks for updating thread. :slight_smile:

It looks like you are using Visual Composer page builder. Please try out following solution:

You also have the options to add maps using shortcode. Kindly make sure to include api_key="YOURAPI" and replace YOURAPI with maps API key.

Thanks.

#7

How do I add that to the functions.php file? Will you guys be releasing an update soon to make this an easy fix??

How do I add maps using shortcode? where can I find that at?

#8

Hi there,

On Cornerstone there’s a separate field input to add API Key. Since you’re using VC, add the above code into your child theme’s functions.php file. If you don’t have a child theme setup yet, please refer to our guide here (https://theme.co/apex/forum/t/setup-how-to-setup-child-themes/57).

To use the Map shortcode, please refer to the following guide (http://demo.theme.co/integrity-1/shortcodes/map/) and you can simply add the API Key to your Map shortocde as an additional parameter as mentioned above.
[x_map api_key="xxxxxx"][/x_map]

Hope that helps.

#9

Ok that worked. But now I have a border around my map and I would like to remove it. The old one was just a map with no border. Here is my code that I have. I’ve removed the api key for obvious reasons when posting in here :slight_smile:

[google_map lat=“30.471165” lng="-91.147385" zoom=“12” zoom_control=“true” drag=“true” height=“45%” no_container=“true” api_key=“XXX”][/google_map]

#10

Hello @Jhon898,

Thanks for updating the thread. :slight_smile:

You can add following CSS under X > Theme Options > CSS and let us know how it goes:

.x-map {
    border: 0;
    background-color: transparent;
}

Thanks.

#11

Unfortunately that code did nothing.

I am using a map shortcode:

[google_map lat=“30.471165” lng="-91.147385" zoom=“12” zoom_control=“true” drag=“true” height=“45%” no_container=“true” api_key=“XXX”][/google_map]

I’ve added the no_container but it still shows the container. Thank you so much for the help!

#12

Hello @Jhon898,

Thanks for updating thread. :slight_smile:

Can you please share website URL for us to take a closer look?

Thanks.

#13

http://www.wallbrosdrywall.com

#14

Hi there,

Instead of adding the shortcode in a code element, try adding it in a Raw content or a text element.

Hope this helps.

#15

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