选项卡内容（谷歌地图）初始化问题

Question

我想创建多个动态选项卡，每个选项卡中都有不同的谷歌地图。而且地图不应在每次单击选项卡时初始化...我的编码在下面...实际上我的问题是每次单击选项卡时都会初始化地图。 ..如何解决这个问题...

//动态创建选项卡的函数

 function addTab(link,name) {
    $("#content").append("<div id='" + $(link).attr("value") +         "_content'style='width:100%;height:100%'></div>");
    var mid = $(link).attr("value")+"_content";

    tab1map(mid);

    $("#" + $(link).attr("value") + "_content").show();
}

//function for click event of Tabs

$('#tabs a.tab').live('click', function() {

    $("#content div").hide();

    $("#" + contentname).show();   // Here "contentname" is the id of the above Div tag when creating Tab
    tab1map(contentname);            //Here the Map function called again 
     // Here We should not call this map function again....the Map will Display with existing content in the $("#" + contentname).show(); itself..but it is not displayed....
 }             

// Map Function  
function tab1map(mid) {
         var map = new google.maps.Map(document.getElementById(mid), myOptions);
}

我也尝试过 google.maps.event.trigger(map, 'resize');在选项卡的单击事件中..但这也不起作用。