Der Google Maps-Container wird nach der Animation nicht korrekt skaliert

8

Ich habe einen Google Maps-Container, sagen wir 600px Höhe.

Ich habe eine Schaltfläche, die den div-Container um die Karte in der Größe verändert (jQuery):

%Vor%

Nun haben der Container und die Karte eine Höhe von 300 Pixeln, aber die Google Maps API denkt, dass sie immer noch 600 Pixel groß ist. Die Mitte der Karte liegt also immer noch bei 300 Pixeln, obwohl sie 150 px (300/2) betragen sollte. p>

Ссылка Wenn Sie in der Box nach einem Ort suchen, wird dieser zentriert. Drücken Sie "Eintragen" und suchen Sie erneut, es ist nicht richtig zentriert.

Können Sie versuchen, zu überprüfen oder sogar vorzuschlagen, wie Sie diesen Fehler beheben können?

Ich habe versucht, die übliche Lösung mit dem Auslösen des resize -Ereignisses zu verwenden es funktioniert nicht

    
DanFromGermany 28.06.2013, 11:29
quelle

1 Antwort

6

Ha ha, weil du das resize Event triggest bevor die Animation überhaupt startet :-) Du musst warten bis es endet. Verwenden Sie dazu das vierte Argument von .animate - den complete -Rückruf, der nach dem Ende der Animation aufgerufen wird:

%Vor%     
TMS 28.06.2013, 11:40
quelle