Позиционирование карты Google в IE и FF - PullRequest
Новая
       19

Позиционирование карты Google в IE и FF

1 голос
/ 13 января 2010

На этой странице у меня есть ссылка на карту 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);
       }
     }

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

Ответы [ 2 ]

1 голос
/ 13 января 2010

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

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

С этим: 

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

сделал свое дело!

0 голосов
/ 13 января 2010

Проблема не в вашем коде javascript .. а в том, что вы открываете карту в причудливом окне .. (в iframe с ajax)

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

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

Карты Google в iframe fancybox не центрированы согласно моему сценарию t

...