Forum Replies Created
-
Posts
-
Thanks for the quick reply Rikard. I wasn’t 100% sure if it was theme related, so to cover all my bases I contacted our host as well and they were able to fix the issue. Our /tmp directory was full and that was causing the problems.
Also, I just looked at both keys I created. The new one that worked is unrestricted and the other key is not. That looks to be the only difference between them. However, my understanding is the key should be restricted (Google actually recommends that).
The keys I created for other websites using the embedded map have ‘HTTP referrers (web sites)’ enabled under key restrictions and their domain added under ‘Accept requests from these HTTP referrers (web sites)’. That is what I did for the first key here that didn’t work. I’m kind of confused about what the correct way to create the API keys should be.
As far as I know, the API was created correctly. However I created a new one via the link you just provided (
) and was able to get the map to work. I have no idea what was different about how this key was created, but it worked, so everything is fine now. Thanks for the help.
I’m not sure why the login link isn’t working. If you can send me your IP address, I can add it to the lock out white list in the security tool I am using to see if that helps.
I’m not able to fetch the coordinates. When I try, I get the error I mentioned in my last post. I don’t know what to do to address the error from Google. if you can suggest something, I can try to address that.
Hi Ismael,
Those should work. Maybe try ‘wp-login.php’ if you haven’t already.I removed the map on the live page. But it’s still on the copy of the page I made (linked below). But the page isn’t displaying anything where the map should be. Just a big grey area. Likely because I can’t get the coordinates when I enter the street address, city and country. That’s when I get the error I mentioned earlier:
An error occurred
Google changed the way google maps work. You now need to enter a valid Google Maps API Key
You can read a description on how to create and enter that key here: Enfold Google SettingsI created the key only for this website and the map on the contact page, so it’s not being used anywhere else. Under “Key Restriction” where the API is managed via Google APIs & services, I have “HTTP referrers (web sites)” selected and both nicomit.com/* and http://www.nicomit.com/* added under “Accept requests from these HTTP referrers (web sites)”. And the key was activated under “Google Maps JavaScript API” in the library section of Google APIs & services.
This is pretty much exactly what I did when creating two other keys we are using in another two different websites that the embedded map is working on.I checked and that code isn’t in the ‘functions.php’ file in both the child and parent themes. I did use that fix in another website a while ago when Google changed things requiring an API to be used. It was provided here. I removed it from that website and after getting an API created/adding it in the theme options, eventually we were able to get the map to work. But that hasn’t been the case with this website for some reason.
In the private info is a copy of the page where I am trying to embed the map. The grey area is where the map should be displaying. I still get the error message from my previous post every time I try to enter our address and fetch the coordinates.
Hi Jordan,
I gave that a try, but no luck. When I added the map and tried to fetch the corridnates, I got this message:An error occurred
Google changed the way google maps work. You now need to enter a valid Google Maps API Key
You can read a description on how to create and enter that key here: Enfold Google SettingsWe were able to get the map on the contact page to work. It turns out the API wasn’t enabled. The other map isn’t working still, but I will contact the developer of the plugin we are using for it to see if they can help with that. Thanks for your help.
I disabled the two factor authentication on the account. But it must be sending an email with the code because of you trying to login from your location. The account isn’t set-up using my email, so I requested the code from the person who would have received it. But I suspect it would have expired by now. If you can try again, I asked them to forward me the code when they get it. But I think with the time difference we might have a hard time getting that to work.
Is it possible for you to test it using an API code created from your Google account? Just so you can see if you get the same issue.
I’ll post the code as soon as I get it just in case it is still active.
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.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.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.
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.
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.
Sure. A link to a sub-page with the active menu item highlighted (Procurement Practices) is below. I was able to remove the background color on the link in the theme preferences. But I still need to remove the border around the text and change the font/size/weight/color, etc. Thanks!
Hi Basilis,
I was able to figure out the issue. There was a fix related to embedding Google maps provided by your support a while ago when Google started requesting an API key to be used. The code and key below was provided by Kriesi to add to the ‘functions.php’ file. I think now that I added my own API in the theme options, it was conflicting with the API in the ‘functions.php’ file. I removed the code and API key below from the file and now the map works. From what I can see there isn’t a need for an SSL certificate.function ava_googlemaps_apikey() { $prefix = is_ssl() ? "https" : "http"; wp_deregister_script('avia-google-maps-api'); wp_register_script( 'avia-google-maps-api', $prefix.'://maps.google.com/maps/api/js?key=AIzaSyAidX34J-pkIHmOUFdVrt05MpzDHz-VZUk', array('jquery'), '3', true); wp_enqueue_script('avia-google-maps-api'); } add_action('init', 'ava_googlemaps_apikey');Hi Basilis,
I regenerated the key again and still can’t get the map to display. When I click the “Check API Key” button under the theme options > “Google Services” it says the key is valid. But when I try to add the map to the contact page, I get this message when I click the button to fetch the coordinates for the address:An error occurred
It seems that your Google API key is not configured correctly
The key is probably either restricted to the wrong domain or the domain syntax you entered is wrong.
Please check your API key here
The domain that should be allowed is:
http://www.nicominteractive.com/*Under the key I am using now I have “HTTP referrers (web sites)” selected under the key restriction area and http://www.nicominteractive.com/* added under “Accept requests”.
As near as I can tell, I’m following all the steps correctly. But still no luck.
Hi, I was just wondering if there was anything else I can try? It looks like I am following all the instructions correctly, but the map still isn’t loading.
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.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.
Thanks Victoria. I added the domain to the referrer settings, but it’s still not working. I think the issue is on Google’s end and I’m likely leaving something out, but I have no idea what it is. The instructions for this from Google are not very clear.
Thanks Günter. I created a key and added it. So far the map is still not loading though. Is there anything else I need to do? Or just keep checking/refreshing the page until the key is recognized?
Hi Rikard,
I had another look at the security tool (I’m using iThemes Security Pro) and I think I might know what the issue is. I had “Away Mode” enabled for hours I wouldn’t need to login to the website. So with the time difference you might have been trying to login when that was set to not allow access to the the WP dashboard. I disabled that, so hopefully you can login now.
