Google map in hidden bootstrap tab fix

Fix google map rendering when showing bootstrap tabs

$('a[data-toggle="tab"]').on('shown.bs.tab', function(e)
{
if ( $(e.target).attr('href') == '#map' )
{
doMap(); // your map init function here
google.maps.event.trigger(map, 'resize');
}
});