Повторная инициализация Google maps V3

Question

[iTube]

Есть страница с картой, поверх нее должен появляться facebox тоже с картой.

Но в facebox карта не отображается.
А если на странцие нет карты, то отображается.

То есть одновременно только одна карта показывается.

Кто-нибудь сталкивался с подобной проблемой?

Функции для вызова карт:
function gmap_5() {
var latlng_5 = new google.maps.LatLng(55.7558, 37.6176);
var myOptions_5 = {
zoom: 8,
center: latlng_5,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map_5 = new google.maps.Map(document.getElementById("map_5"), myOptions_5);
}
gmap_5();



Comments

[iTube]

вторая функция выглядит так:
function gmap_6() {
var latlng_6 = new google.maps.LatLng(55.7558, 37.6176);
var myOptions_6 = {
zoom: 8,
center: latlng_6,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map_6 = new google.maps.Map(document.getElementById("map_6"), myOptions_6);
}
gmap_6();


Answer 1

[zoc]

Вы заносите карты в одну и ту же переменную map_5, создайте для второй карты отдельную переменную, или если надо много карт, сделайте массив.

Comments

[zoc]

Плюс у вас карта помещается в элемент с id = map_5 оба раза, а должны в элементы с разными id.

Answer 2

[iTube]

Я для пример написал одну функцию. Конечно, номера разные.

То есть вторая функция выглядит так например:
function gmap_6() {
var latlng_6 = new google.maps.LatLng(55.7558, 37.6176);
var myOptions_6 = {
zoom: 8,
center: latlng_6,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map_5 = new google.maps.Map(document.getElementById("map_6"), myOptions_6);
}
gmap_6();


Comments

[iTube]

*var map_6

Answer 3

[Wott]

Что-то не так в консерватории.
Вот у меня все работает как написано выше: http://wott.info/examples/2ndgmap.html

Comments

[iTube]

да, как у вас работает
в моем случае вторая карта тянется аяксом во всплывающее окошко

[Wott]

окошко iframe или div?
смотрите JS errors

[iTube]

div, ошибок нет, смотрел через firebug

[iTube]

а точнее, я использую facebox и подгружаю контент через ajax

[qrazydraqon]

Если карта загружается в блок c display:none, который потом становится display: block, то могут возникнуть проблемы, связанные с неизвестным размером блока. Попробуйте google.maps.event.trigger(map_6, 'resize');.

Answer 4

[Александр]

Та же фигня. Переменные разные. Первая карта грузится нормально, вторая появляется, но только прямоугольник с серым фоном - самой карты нет.

Может Вы нашли решение проблемы, просьба поделиться ;)