Google Map ne montre que partiellement

La Carte de Google, j'ai seulement être rendue partiellement et est centré sur le point incorrecte (elle devrait être centrée sur la marque). Voir ci-dessous:

Google Map ne montre que partiellement

Maintenant pour ajouter un peu plus de détails:

  • Il fonctionne très bien sous IE
  • Il ressemble à la capture d'écran dans FF et Chrome.
  • En Chrome ist fonctionne dès, que j'ouvre la console développeur

Surtout le dernier point est celui que je vais vous demandez-vous le plus à propos. Je suppose que l'ouverture de la console développeur de ré-exécute du JavaScript.

Donc: puis-je appeler une fonction de re-exécuter le code JavaScript, la façon dont les développeurs de la console?

C'est le code:

<script type="text/javascript">
{literal}
function initialize() {
  if (GBrowserIsCompatible()) {

    var map = new GMap2(document.getElementById("map")); //, { size : {width:600,height:600} }
    map.addControl(new GLargeMapControl3D());
    map.addControl(new GMapTypeControl());
    map.addControl(new GScaleControl());
    map.setCenter(new GLatLng(51.17689812200107, 9.84375), 5);
    map.checkResize();

    var geocoder = new GClientGeocoder();

    function showPoint(lat, lon) {
      if (lat != "" && lon != "") {
        var point = new GLatLng(lat, lon);
        map.setCenter(point, 10);
        var marker = new GMarker(point, {draggable: true});
        GEvent.addListener(marker, "dragstart", function() {
          //map.closeInfoWindow();
        });
        GEvent.addListener(marker, "dragend", function() {
          var newPoint = marker.getLatLng();
          $('#lat').val(newPoint.lat());
          $('#lon').val(newPoint.lng());
          //marker.openInfoWindowHtml("Neue Koordinaten Lat: "+ newPoint.lat() +" Lon: "+ newPoint.lng());
        });
        map.addOverlay(marker);
      }
    }
  {/literal}showPoint("{$gmap_lat}", "{$gmap_lon}");{literal}
  }
}
{/literal}

C'est là où j'ai mis la div:

    <fieldset style="-moz-border-radius: 1em;  -webkit-border-radius: 1em;"> 
      <legend>Karte</legend>
      <div id="map" title="Lage von '{$name}'"><br>Die Karte wird geladen...<br><br>Hinweis: Damit dies funktioniert müssen Sie in Ihrem Browser JavaScript aktivieren</div>
      Falls sich der Marker nicht auf der richtigen Position befinden sollte, bewegen Sie diesen mit Ihrer Maus auf die richtige Position.
      <br>Länge: <input type="text" id="lat" name="lat" value="{$gmap_lat}">
      Breite: <input type="text" id="lon" name="lon" value="{$gmap_lon}">
    </fieldset>

Et sur la div le CSS suivantes s'appliquent:

Google Map ne montre que partiellement

source d'informationauteur JochenJung