-
Posts
-
I’m making one page for location and added the Google Map media element, added the address
Street address: Arenas 151, Playa Ensenada
City: Ensenada
Country: MéxicoClick in the “Enter address, then fetch coordinates” and nothing happens.
Using (Enfold) Version Number is 3.6.1 as parent theme and just starting, so there is no modifications in the child theme yet.
I’m currently developing the website in a local computer, so is not accessible on the internet. What could be the problem?
Thanks for any help.
I’m having the same problem: http://www.advancedinkjetsolutions.com
Hi!
There is an issue with google maps API and the changes google did.
Kriesi is working on an update fix, so we would appreciate some patience.Thanks a lot for your understanding
Cheers!
BasilisHi,
There will hopefully be a fix for this in the next release of the theme, please bare with us.
Best regards,
RikardAny update about this? I’m having the same problem via live hosting, but it work fine on my localhost.
Im using this solution while there is a solution for Enfold:
https://en.support.wordpress.com/google-maps/ (Links to a page inside WordPress support about how to include Google Maps in posts )Hi,
We are very sorry for the delay. The issue is still under investigation. For the meantime, please use the snippet provided in the following thread. You have to change the API key: https://kriesi.at/support/topic/content-element-google-maps/#post-656399
In order to generate an API key, you have to create your own google project, enable the Maps JavaScript API, create a new credential, get the API key then specify the site where you want to embed or use the maps. For detailed instructions regarding the API key, please refer to these links:
https://developers.google.com/maps/documentation/javascript/tutorial#Loading_the_Maps_API
https://developers.google.com/maps/documentation/javascript/get-api-key#get-an-api-keyModerator keyword: google maps api issue
Best regards,
Ismaelhttps://developers.google.com/maps/documentation/javascript/get-api-key#get-an-api-key
1. Create or select a project -> Continue -> Credentials -> Accept requests from these HTTP referrers (websites) (Optional) -> create
“Accept requests from these HTTP referrers (websites) (Optional)” – Here you need to key-in 2 URL like below (with your own domain name) :
*.yoursite.com/
*yoursite.com/2. Add below code into your child-theme functions.php, and replace the “AIzaSyAidX34J-pkIHmOUFdVrt05MpzDHz-VZUk” key below with the key your just create above .(credit to @Ismael) – https://kriesi.at/support/topic/content-element-google-maps/#post-656399
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’);3. any FTP client (filezilla) browse into /wp-content/themes/enfold/js/. Copy the file shortcode.js to your local computer. Open it in a text editor and locate line 458
src: ‘https://maps.googleapis.com/maps/api/js?v=3.24&callback=aviaOnGoogleMapsLoaded’Now append your key to that line:
src: ‘https://maps.googleapis.com/maps/api/js?v=3.24&callback=aviaOnGoogleMapsLoaded&key=Put_your_google_api_browser_key_here’(same key you replace on functions.php = Put_your_google_api_browser_key_here)
The same change must be made to the file /wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/js/avia-element-behavior.js on line 55 like above shortcode.js.
Overwrite/replace the change files via FTP client, and remember this file will be overwritten again with the next update.
(credit to @mensmaximus) – https://kriesi.at/support/topic/google-maps-7/Hey!
@promat: Thank you for the additional info. I don’t know if the extra steps are required because the google maps element worked including the “Fetch Coordinates” button after adding the snippet provided here: https://kriesi.at/support/topic/content-element-google-maps/#post-656399And make sure that the http referrers are specified correctly in your google project or google api console: https://kriesi.at/support/topic/content-element-google-maps/#post-656399
Cheers!
IsmaelHi there!
Any solution yet? I tried the workaround by editing the functions.php but that made the backend crash. So I had to remove the code again.
Help appreciated!
MatthiasHi there everyone:
as the Kriesi team is working hard to provide help to all of us, I’ll share the solution that works for me.
- Fetch coordinates at a site that provides this data for you (e.g. http://www.gpskoordinaten.de/)
- Then insert an google maps element from the avia layout builder and try to fetch the gps data
- They won’t be filled because of that issue, of course
- Insert the GPS data you got from the first step
- Then save the changes and view your site
- That works for me without adding any other lines of code or plugins
Feel free to correct me if I’m wrong.
Cheers,
Andreas
I inserted the code into functions.php, and the point appears, and the map loads white with no content. Kind of half working? Any idea what I’m doing wrong?
- The topic ‘Enfold Google Maps Widget not working’ is closed to new replies.