Topic Tag: Views plugin

Problem:
When adding Google Maps in tabs where the map is not in the first tab so that it is initially hidden, opening the tab which contains the map shows a placeholder for the map which is not actually rendered

Solution:
You need to add the following Javascript to re-initialise the map once the tab has been selected (be sure to edit the map id):

( function( $ ) {
    $( document ).ready( function(){
  
        $('.et_pb_tabs_controls > li.maptab').on('click', function () {
 
            var timeoutID = window.setTimeout( function(){
                    WPViews.view_addon_maps.reload_map('map-2');
            }, 600 );
        });
    });
})( jQuery );

Note that this solution is specifically for Divi tabs. The same problem arises with Bootstrap tabs, but there the solution is simpler: https://toolset.com/forums/topic/google-map-not-working-in-a-tabbed-interface/