Google Maps Widget not morking in tabs

Hi,

yes, the problem is that the google maps load on page load. If you put the google map widget on the first tab it works ok, but when you put it on a hidden tab it does not load, so you have to trigger the map initialization again…

This code below will trigger the Page Builder google map initialization function and the maps will refresh on tab change. You can put it in your theme JS code editor (if the theme has one) or you can just put this code on the page that you use the tabs widget (put the code in a regular text widget somewhere on the page).

<script>
jQuery('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  soGoogleMapInitialize();
})
</script>

Let me know if this solved your issue.

Take care!

Yes, inserting that script at the very end of the page (just before </body>) solves the problem.

I have noticed another issue, this one in the admin, when you edit the Google Map Widget content inside a Tab.

If you uncheck any option like “Scroll to Zoom” or “Draggable” does not save the changes when you save the page.

Maybe this issue should be in another post.

Anyway, thanks for the fix, I hope you keep on updating this great plugin.

Hi,

I’ll take a look at this during the weekend and I’ll let you know if I find something.

I did a quick test and it looks like only the “Scroll to Zoom” and “Draggable” options are causing the problem, is that correct (other options work ok)?

Take care!

Hi,

this is a Page Builder by SiteOrigin bug. If you test out their Layout Builder widget you will experience the same issues (add a layout builder widget and then add a google map widget inside it -> the options “Scroll to Zoom” and “Draggable” can’t be changed). And this plugin is based on their Layout Builder widget, so I would suggest that you open a support ticket to SiteOrigin and let them know of this issue.

Take care!