API Google Maps V3 - Contrôleurs désordonnés

Question

J'essaie d'exécuter le premier exemple dans le tutoriel, et cela fonctionne bien, sauf que mon contrôleur (zoom, etc ..) sont tous en désordre. J'utilise V3. S'il vous plaît jeter un oeil à l'image:

Le code J'utilise est:

<div id="map_canvas" style="width:800px; height:600px;"></div> 
<script type="text/javascript"> 
jQuery(function() { 

      var latlng = new google.maps.LatLng(-34.397, 150.644); 
      var myOptions = { 
      zoom: 8, 
      center: latlng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
      var map = new google.maps.Map(document.getElementById("map_canvas"), 
       myOptions); 


}); 
    </script> 

pensées? Merci

Solution:

Si jamais cela arrive à vous, jetez un oeil à votre css. Dans mon cas, j'ajoutais un peu de rembourrage aux divs, et cela affectait aussi les divs dans la zone google maps. Tout d'abord, vérifiez sur un autre navigateur (si vous ne l'avez pas encore)

Answer 1

Si un autre navigateur l'affiche correctement, essayez de régler vous-même la position de l'interface utilisateur comme here

Si le problème persiste, rien ne me vient plus à l'esprit.

Mariusz