Maps builder + tabs = dosen’t work

  • Hi! My name is Nicola and i’ve a little problem with shortcodes.

    I made a website and in a page i used Shortcodes Ultimate to have 3 tabs (and 2 columns). Then I used a Map Bulder in each tab. In frist tab it’s all ok: the map works. But in the 2nd and the 3th tabs my maps don’t work! I see only a gray screen.

    Here you can see what i mean: https://www.afewwords.info/punti-vendita/

    is a compatibility problem between the two plug-in? can someone help me?

    Thanks a lot!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Matt Cromwell

    (@webdevmattcrom)

    Hi there,

    Because our map is hidden, Google doesn’t know it’s supposed to “draw” the map onto the page. So you’ll need to add some custom code to trigger the map “drawing” when that tab is clicked.

    Because each tab solution is different, it’s difficult to predict exactly how to trigger that re-drawing, but here’s some sample code of that it might look like:

    $(".su-tabs-nav > span").on('click', function(){ 	
	var panel_id = $(this).attr('href');
    setTimeout(function(){
        var panel = $(panel_id).get(0);
        MapsBuilder.load_hidden_map(panel);
    },100, panel_id);
});

    The trouble with your particular tab solution, is that it doesn’t have any identifiable way to distinguish the tabs or the tab content from one another in the markup… that makes it hard to trigger the re-drawing.

    Bottom line is that you’ll need to experiment quite a bit to get that working, and this is some custom development that is outside the scope of our support.

    Thread Starter nicola842

    (@nicola842)

    Hi and thank you for your answer! It’s just a little hard for me but I’ll try ??

    Thank you again!

    Nicola

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Maps builder + tabs = dosen’t work’ is closed to new replies.