Google Map Not Displaying After Making Recomended Fix

So I’ve followed the instructions from Google as best as I can understand them and added the new API key in the theme options as instructed here. But the map still isn’t working. I have included links to two screenshots below. The first one is the page via Google where I created the key and the second is an error I get when I edit the existing map and click on the “Fetch Coordinates” button. The error says, “The key is probably either restricted to the wrong domain or the domain syntax you entered is wrong.” However, the domain I entered is correct and is for the website the map is set-up on. I’m not sure what to do now and can’t tell if I’m missing a step, or if there is an issue with the theme that is causing this. Any help would be great.

Hi Victoria,
I added *.nicominteractive.com/* and still no luck. This key was created only for this website and for the issue with the map.

After my last post I tried to make the same fix on the other website (linked below) where I was seeing the same issue. I deleted the code mentioned above from the ‘functions.php’ file and regenerated an API key exactly as I did for the website where the map is working, but no luck. Am I the only person who has been experiencing this problem? I’m pretty sure I am doing everything correctly. I’d really appreciate any help you can provide to help resolve this. Thanks.

Thanks Ismael. Yes, I removed that code from the ‘functions.php’ file in both websites. I added the code you just provided to the second website (http://www.brunelloestates.com/) and recreated the key, however the map still isn’t working. I provided a screenshot below of how the key is configured, which is the same as what I did for the first website. So I’m not sure what the problem is.

The only thing I can think of is the website used another plugin (https://codecanyon.net/item/google-maps-plus-for-visual-composer/13510102) that embeds a Google map. Maybe there is some conflict. But I disabled the plugin and it didn’t help.

Thanks Ismael. I updated the version number in that file and unfortunately the maps still aren’t working. When I put in the API code in the theme options and click the “Check API Key” button, I get the “Could not connect to Google Maps with this API Key” message. As I mentioned before and as you can see in the screenshot, I’m pretty sure I have the key set-up correctly. I also tried removing the code provided in your previous post in the ‘functions.php’ file, but that didn’t help, so I put it back in.

Hi Ismael,
I removed this code from the “functions.php” file:

function set_custom_google_maps_source( array $api_src ) {
     $api_src['version'] = '3.30';	 
     return $api_src;
}
add_filter( 'avf_google_maps_source', 'set_custom_google_maps_source', 10, 1 );

And the “config-templatebuilder > avia-shortcodes > google_maps.php” file has the updated version number you provided on this line of code:
$api_url = $prefix.'://maps.google.com/maps/api/js?v=3.30';
The maps still aren’t displaying. So I’m not sure what else I can try. I’m sure I have done everything correctly.
The login info I provided a couple of weeks ago was for a separate website that was having the same issue. See the private info for this post for a login to this website.

• This reply was modified 7 years, 2 months ago by NicomIT.

Hi Ismael,
The key I had been using should be correct and still active. So I don’t know why the error said it had been deleted. I created a new project and API key and the map still doesn’t work. I have no idea what I’m doing or not doing, but I would love to get this resolved.

See the private data.

• This reply was modified 7 years, 2 months ago by NicomIT.