Renderprobleme beim expandieren einer Karte

Hallo,

ich möchte eine OpenStreetMap auf meiner Webseite zunächst in einer Höhe von 70 Pixeln laden. Wenn der User auf "Karte aufklappen" klickt, soll die Karte auf 400 Pixel Höhe erweitert werden. Ich realisiere dies indem ich per Javascript einfach die Höhe des Karten-Kontainers anpasse. Leider führt dies zu einem Render-Problem, denn der untere Bereich der Karte bleibt grau.

Dies ist die Karte im zugeklappten Zustand:

Wenn der User auf aufklappen klickt, wird die Karte auf 400 Pixel Höhe erweitert:

Das Problem lässt sich lösen, indem die Karte zunächst in 400 Pixel Höhe geladen wird und automatisch per window.setTimeout() nach 1,5 Sekunden auf 70 Pixel Höhe gesetzt wird. Da dies jedoch eine nicht so schöne Lösung ist, wollte ich hier mal nachfragen. Weiss jemand wo das Problem liegt? Kennt jemand eventuell eine elegantere Lösung, um das Problem zu beheben?

Vielen Dank!
Niklas