Googlemap doesn't shown on event detail page

Hi Marc,

So it works with TwentyTwelve, but not TwentyEleven? (I assume both are the originals without alterations?).

Looking at your site I get a javascript error from the Google maps script –

Uncaught TypeError: Cannot read property ‘offsetWidth’ of null

The ID of the map is ‘eo_venue_map-2’ but as the only map on the page it should be ‘eo_venue_map-1’ – this would explain why the above error appears.

Since it works on TwentyTwelve it suggests there’s theme conflict. Can you confirm that you haven’t made any alterations to the TwentyEleven theme you are using?

Hi Stephen,

wow, first of all thanks for your fast and considerably feedback.

The map-function on the event detail page doesn’t work in any of the WP-default themes. I have tested the following with the theme-preview-function in the WP-admin-panel:

– TwentyTen
– TwentyEleven
– TwentyTwelve

In addition the only alteration (only in TwentyEleven; TwentyTen and TwentyElenven are fully untouched) i have made, was to chance the WordPress-Link in the Footer ?? But i can’t imagine, the this was the cause of the Problem.

So what can i do? Is it possible, that there are an conflict with a plugin?

Do you think it helpfully, to reinstall the EO-Plogin?

thanks,
Marc

Hello,

I have the same issue on my website >> the googlemaps are not showing on the event-detailpages and on the venue-page since this week or the week before. Before that there were no problems.

https://www.tcsm.be/events/venues/tcsm/

I’m using my own WP-theme.
And I have the latest version of the plugin. I think there has been some updates in the last week, as I’ve noticed that the map was also not showing before the latest update.

So I’m curious what the issue is.

thanks,
Bruno.

@bruno

This doesn’t seem to be related with @marc’s issue.

Looking at the site the IDs appear correctly but it seems the Google map script isn’t loaded. Do you have any other Google maps plug-ins on your site (at least one has been known to dequeue other google maps scripts). I’d recommend deactivating other plug-ins and switch to TwentyTwelve to see if the problem still persists or not. There was a change to how the maps are handled in 1.7, but this shouldn’t break it.

@marc – it could be a conflict – as with @bruno the first step is to rule this out by disabling other plug-ins. Certainly on test installs the google maps works with a fresh copy of TwentyEleven/Twelve – as I include this themes when testing!

If not, we may have to do some further debugging to find out why its jumping straight to ‘2’.

Hi Stephen,

Good point. I’m using the “Comprehensive Google Map Plugin” which I’m using on https://www.tcsm.be/over-tcsm/ligging/

I’ve deactivated the plugin for a couple of minutes and then the googlemap showed up on the event-pages. So that was the issue.

is there a way to use a plugin only on one page? ??

thanks,
Bruno.

In that plugin’s functions.php file he dequeues any other Google map scripts. I believe this is because loading Google maps twice can cause problems. However, he should probably only do it only if his script is being loaded.

That would fix it for you – but I recommend getting in contact with the developer to resolve this as he’s currently breaking other plug-ins (any plug-in that uses Google maps).

Feel free to post a link to any thread you start with him on the forums.

ok, I commented that part out in the function cgmp_google_map_deregister_scripts in the functions.php-file of that plugin and now both googlemaps are working.

I tried first to deregister that plugin-script in functions.php of my theme, but that didn’t work out.

Hi Stephen,

i just found the cause of the problem/bug ?? Wenn the feature “share” (in german it called “teilen”) in the “Jetpack”-PlugIn was activated the Googlemaps doesn’t work. If i turn this function of, the Map was shown on the Page.

Can you check, if this is a Bug in Jetpack or in EO? I think many users used the “Jetpack”-PlugIn and the “share”-function, so that could be a problem for much more Users. The “share”-Funktion was very helpfully, so it would be nice, if i can use it in the future.

thanke
Marc

Hi Stephen,

today i have installed the new Version 2.2 from jetpack, and now the event detail page shows the map with enabled “share”-Funktion, so the problem ist solved.

Thanks for your support,
Marc

Hi Stephen,
I too hit a problem with
Uncaught TypeError: Cannot read property 'offsetWidth' of null
and did as you asked by switching each plugin off and changing themes.

The theme was fine as was every other plugin apart from:
WordPress SEO

I’ve checked through the code as best I’m not a javascript dev.

If I can’t find a way round it I will change the SEO plugin as your events management is perfect for my needs.

This post is really a heads up for you in case anyone else has the same plugin problem and combo..

Update to my last post – I’ve narrowed it down to the social settings of the YOAST plugin and specifically to the ‘add twitter card meta data’

If I switch that off the maps work no problems…

I’ll dive a bit deeper..

I have the same issue on my website >> the googlemaps are not showing on the event-detailpages and on the venue-page since this week or the week before. Before that there were no problems.

https://wp.dreipass.net/?event=nils-weinhold-quintett

I’m using Resonsive Pro-theme.
And I have the latest version of the plugin (2.5.).

As you can see the <div> ist empty. But the wp-footer.php is inculded in the footer.php!

So I’m curious what the issue is.
Thanks for Help