Assistance Needed - Map Does Not Load Properly In Jquery Ui Tabs - Not A Duplicate

None of the 'Answers' from the other post resolve my issue. Please Read My Post and Attempt to guide me in the right direction EDIT - EDIT - EDIT I have updated the java script to

Solution 1:

I've had this problem too:

google.maps.event.trigger(map, 'resize');

trigger this when tab is done fading in (default after 250 ms). This piece of code worked for me:

var mapFirstClick = false;
        $("#tabMap").click(function() {
            mapFirstClick || setTimeout(function() {
                google.maps.event.trigger(map, 'resize');
                mapFirstClick = true;
                map.setCenter(latLng);
            }, 250);
        });