Google Maps und Angular Material Design-Dialog in voller Breite

Question

Ich habe eine Karte in einem MD-Dialog eingefügt. Es funktioniert, aber ich kann nicht die Karte den Container füllen.

Ich habe „gemacht“ ein codepen mein Problem zu veranschaulichen: http://codepen.io/neetsnp/pen/bqZQqd

Die „feste“ Karte Dialog verwendet diese Stile für die Karte:

<div id="map2" style="width: 100%; height:200px"></div> 

Dies ist so weit wie ich bekommen kann. Aber ich würde zu tun haben mochte:

<div id="map" style="width: 100%;height: 100%;"></div> 

Es scheint, dass es nur die Höhe param, die Probleme verursacht, wie ich die Karte bekommen 100% Breite zu füllen.

Ich hoffe, jemand weiß, wie dies zu tun ist, bei der Lösung muss auf allen Bildschirmgrößen funktionieren.

Danke,

Steen

Answer 1

try Position absolut zum div Zugabe

<div id="map" style="width: 100%;height:100%; position: absolute;"></div> 

http://codepen.io/anon/pen/gmEJmz