Проблема инициализации содержимого вкладки (Google map) - PullRequest
1 голос
/ 28 июня 2011

Я хочу создать несколько динамических вкладок с различными картами Google на каждой вкладке. Кроме того, карта не должна инициализироваться при каждом нажатии вкладки ... Мои кодировки ниже ... На самом деле моя проблема - карта, инициализируемая каждый раз, когда я нажимаю на вкладках ... Как очистить эту проблему ...

// Функция для динамического создания вкладки

 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'); в случае нажатия вкладок .. Но это также не работает.

...