Google Map Позиционирование в IE и FF

Question

На этой странице у меня есть ссылка на карту Google, которая открывается в лайтбокс:

http://www.thereappliancestore.com/

Когда я открываю карту в Safari маркер отображается правильно в центре карты. Однако в FF и IE8 маркер переместится влево и вверх, но. Это изначально не видно, поэтому вам нужно вручную перемещаться по карте, чтобы найти ее.

Это конфигурация для карты:

/////////////////////Configuration for the Google Map//////////////////////////// 

    function initialize() { 
     if (GBrowserIsCompatible()) { 
     var map = new GMap2(document.getElementById("map_canvas")); 

/////////////Add longitude and lattitude///////////////////// 
     var center = new GLatLng(43.69085455345101, -79.58727836608887); 

///////////////////////Zoom level/////////////////////////////////// 
     map.setCenter(center, 13); 

/////////////////////Marker position////////////////////////////////// 
     var marker = new GMarker(center); 

///////////Action when marker clicked/////////////////////////////// 
     GEvent.addListener(marker, "click", function() { 
      marker.openInfoWindowHtml("Re-Appliance Store<br />191 Attwell Drive, Unit 1<br />Etobicoke, Ontario"); 
     }); 
///////////Add marker/////////////////////////////// 
     map.addOverlay(marker); 
     } 
    } 

Кто-нибудь знает, что происходит не так?

Answer 1

Замена этого:

var map = new GMap2(document.getElementById("map_canvas")); 

с этим:

var map = new GMap2(document.getElementById("map_canvas"),{size: 
new GSize(675,430)}); 

сделал трюк!

Answer 2

Проблема не в вашем яваскрипте кода .. но тот факт, что вы открываете карту в фантазии поля .. (в IFRAME с AJAX)

Это означает, что в то время, страница карты загружается fancybox по-прежнему скрыт. Таким образом, он имеет ширину/высоту 0, поэтому центр находится в верхнем левом углу (0,0 точка).

Это документированная проблема с fancybox. прочитайте следующую информацию для более подробного объяснения и несколько обходных путей

The google maps in a fancybox iframe is not centered according to my scrip т