Bootstrap tabs and multiple maps

Hi there.

We received both your tickets and responded to them on the same day. Have you checked your spam folder perhaps?

You’d need to add the following code to the core.js file in the jQuery(document).ready() function:

jQuery('body').on('click', '.the_class_name_of_your_tab_or_accordion', function(event, ui) {
for(var entry in wpgmaps_localize) {
InitMap(wpgmaps_localize[entry]['id'],'all',false);
}
});

where ‘the_class_name_of_your_tab_or_accordion’ is the class name or ID of the tab you are clicking on.

Does this help?

Hi,

Thanks for replying. We definitely haven’t received your responses.

Your core.js file already has a snippet to accommodate Bootstrap tabs (which is what I’m using):

jQuery('body').on('click', '.nav-tabs li a', function(event, ui) {
   for(var entry in wpgmaps_localize) {
       InitMap(wpgmaps_localize[entry]['id'],'all',false);
   }
 });

I have also tried using a custom class for the tabs and adding your snippet but still now luck.

Appreciate any guidance you can give me.

Thanks

Hi there.

Please try re-sending a support request and address it to ‘Jarryd’ that I can respond and we can see if you receive it, as these forums are only able to support the basic version of our plugin.

Hi,

Did you guys receive my email, that I submitted through your website?

I haven’t received a response from you so far.

Thanks

Hi,

Have you had a look at the problem?

Thanks

Hi there.

Received and responded to your mail. Sorry for the back and forth on this one ??

Yup, once communication was properly established sorted out really quickly.

FYI for anyone with the same problem, this ended up being the solution:

jQuery('.mapTab').click(function(){
       setTimeout(function(){
               for(var entry in wpgmaps_localize) {
                    InitMap(wpgmaps_localize[entry]['id'],'all',false);
               }
       },300);
});

So glad to hear! Thank you for the patience in the matter.