0
I guess the Google map requires that it should be in a visible container when the page is loaded. I don't know if there is a way to reload it. If there is, we can use the onTabSelect event handler to reload the map.
Currently I think you can place the map outside the tabber(wrapped it with a <div id="mapWrapper">...</div>, and place it somewhere out of view(#mapWrapper { position:absolute; top:-3000px; }, and when the target tab is clicked, we can use the onTabSelect to move the tabber within the mapWrapper into your content panel:
function onTabSelect(index, targetElm, tabberId) {
if (tabberId == "tabs1" && index == 3) {
var mw = document.getElementById("mapWrapper");
if(mw.children.length) {
var targetMapWrapper = document.getElementById("mapWrapper2");
targetMapWrapper.appendChild(mw.children[0]);
}
}
}