Google Map Positionnement dans IE et FF

Question

Sur cette page j'ai un lien vers une carte Google qui ouvre dans une lightbox:

http://www.thereappliancestore.com/

Quand j'ouvre la carte dans Safari correctement les écrans de marqueurs dans le centre de la carte. Cependant, dans FF et IE8, le marqueur est sur la gauche et vers le haut un but. Il est initialement hors de vue, vous devez donc naviguer manuellement sur la carte pour le trouver.

C'est la configuration de la carte:

/////////////////////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); 
     } 
    } 

Est-ce que quelqu'un sait ce qui se passe mal?

Answer 1

Le remplacement de cette:

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

Avec ceci:

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

a fait l'affaire!

Answer 2

Le problème est pas dans votre code javascript .. mais au fait que vous ouvrez la carte dans une boîte de fantaisie .. (en iframe avec ajax)

Cela signifie qu'au moment où la page de la carte est chargée le fancybox est toujours caché. Donc il a largeur/hauteur 0 et donc le centre est en haut à gauche (le point 0,0)

C'est un problème documenté avec fancybox. lire ce qui suit pour une explication plus détaillée et quelques solutions de contournement

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