Google Kartenanzeige von einem versteckten Bereich

Question

Ich hoffe wirklich, jemand kann beraten, eine Google-Karte von einem versteckten div anzuzeigen.

Ich habe eine Google Map, die ich einem Benutzer anzeigen möchte, wenn sie auf einen Link klicken, z. B. Karte anzeigen.

Die Karte in ein verstecktes div zu stecken funktioniert einfach nicht, also ging ich mit dem Verstecken der Karte -1000px auf einem absoluten css Wert der Position.

Das hat mir viel bessere Ergebnisse gegeben, aber wenn ich css verwende, um die Karte zurück zu bringen, habe ich nur davon angezeigt.

http://screencast.com/t/MTMyOGZmNW

Kann jemand mir auf dem besten Weg beraten eine versteckte Karte sichtbar werden zu lassen, nachdem ich eine Show peform?

Hoffe jemand kann beraten.

Danke

Answer 1

Sie müssen nicht mit der absoluten Position stören und so weiter. Lassen Sie die div bis notwendig versteckt werden, zeigen sie dann und rufen google.maps.event.trigger(map, 'resize') (v3) oder map.checkResize() (v2)

Weitere Szenario in den Kommentaren erwähnt:

Stellen Sie sicher, rufen Sie google.maps.event.trigger(map, 'resize') vor dem Aufruf map.fitBounds() oder Sie werden unerwartete Ergebnisse .

Answer 2

Haben Sie versucht, das Resize-Ereignis der Karte aufzurufen?

Google Maps API - Map

Answer 3

Warum verzögern Sie das Rendern der Karte, bis das Div angezeigt wird?

grober Code:

$("button").click(function() { 
    $(mapDiv).show(); 
    new google.maps.Map(mapDiv, opts); 
});