Home › Forums › Calendar Products › Events Calendar PRO › Google Maps not showing on event pages
- This topic has 9 replies, 2 voices, and was last updated 7 years, 8 months ago by
insideproperty.
-
AuthorPosts
-
July 31, 2018 at 2:23 am #1586501
insideproperty
ParticipantHello,
Google Maps isn’t showing up on our events pages. All we can see is a grey box.
Any ideas of what the problem could be?
Thanks π
August 1, 2018 at 8:06 am #1587533Courtney
MemberHey there
I discovered your website is licensed to https://www.insidepropertyinvesting.com/, not the address on file in this ticket. I viewed that site and checked for Javascript errors. Using Your Browser to Diagnose JavaScript Errors. I noticed an error message from Google Maps.
Have you added a Google Maps API key? https://theeventscalendar.com/knowledgebase/setting-up-your-google-maps-api-key/
Other troubleshooting can be found at https://theeventscalendar.com/knowledgebase/troubleshooting-google-maps/.
Please let me know if this resolves the issue for you.
Thanks
Courtney πAugust 2, 2018 at 4:00 am #1588322insideproperty
ParticipantThanks Courtney. It seems the problem was geocoding was not enabled for the API key. Resolved now.
August 2, 2018 at 4:36 am #1588356insideproperty
ParticipantActually I think I spoke too soon. It seemed to load fine, but now on refreshing the page, the map sometimes displays fully, sometimes displays in part, and other times doesn’t display at all. Moving the map or zooming in/out also seems to result in the map turning grey.
August 2, 2018 at 7:13 am #1588537Courtney
MemberHey Michael
Can you share your System Info https://theeventscalendar.com/knowledgebase/sharing-sys-info/ with us privately by copy/pasting it to this thread.
Also, can you provide a link to a specific event where the map doesn’t display as expected?
Thanks
Courtney πAugust 2, 2018 at 7:39 am #1588579insideproperty
ParticipantThis reply is private.
August 2, 2018 at 7:42 am #1588585insideproperty
ParticipantSeems to be most/all events to be honest, but here’s one example. Have tried it on different browsers and different laptops. Same result. Move the map around a bit, zoom in/out and it will go grey after a while.
https://www.insidepropertyinvesting.com/event/kensington-chelsea-property-group/
August 2, 2018 at 11:46 am #1588916Courtney
MemberHey Michael
I checked in on this a bit more.
Add this snippet to either your child themeβs functions.php file or use the My Custom Functions plugin.Β
setTimeout(function(){ jQuery(window).trigger('resize'); });However this may conflict with another plugin or your theme if it is pulling in Google Maps data. Please test this code and also test against any plugins/themes by turning all off except ours, then re-enabliing 1 by 1 using a default theme such as Twenty Seventeen https://wordpress.org/themes/twentyseventeen/.
Let me know how this goes please.
Thanks
Courtney πAugust 3, 2018 at 1:49 am #1589348insideproperty
ParticipantDidn’t go well unfortunately. Got the following error now whilst trying to load the site:
Fatal error: Uncaught Error: Call to undefined function setTimeout() in /home1/insidepr/public_html/wp-content/plugins/my-custom-functions/inc/php/functional.php(85) : eval()’d code:1 Stack trace: #0 /home1/insidepr/public_html/wp-content/plugins/my-custom-functions/inc/php/functional.php(85): eval() #1 /home1/insidepr/public_html/wp-content/plugins/my-custom-functions/inc/php/functional.php(92): spacexchimp_p001_exec() #2 /home1/insidepr/public_html/wp-content/plugins/my-custom-functions/my-custom-functions.php(77): require_once(‘/home1/insidepr…’) #3 /home1/insidepr/public_html/wp-settings.php(305): include_once(‘/home1/insidepr…’) #4 /home1/insidepr/public_html/wp-config.php(87): require_once(‘/home1/insidepr…’) #5 /home1/insidepr/public_html/wp-load.php(37): require_once(‘/home1/insidepr…’) #6 /home1/insidepr/public_html/wp-admin/admin.php(31): require_once(‘/home1/insidepr…’) #7 /home1/insidepr/public_html/wp-admin/options.php(19): require_once(‘/home1/insidepr…’) #8 {main} thrown in /home1/insidepr/public_html/wp-content/plugins/my-custom-functions/inc/php/functional.php(85) : eval()’d code on line 1
August 3, 2018 at 10:05 am #1589792Courtney
MemberHey there sorry about that.
This should be the full piece of code if you add it via the templates, should be placed on the footer before the < / body > tag.
<script type="text/javascript"> setTimeout(function(){ jQuery(window).trigger('resize'); }); </script>August 25, 2018 at 9:35 am #1605765Support Droid
KeymasterHey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.
Thanks so much!
The Events Calendar Support Team -
AuthorPosts
- The topic ‘Google Maps not showing on event pages’ is closed to new replies.
