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