Google地圖和Angular材質設計對話框全寬

Question

我已經在一個md對話框中插入了一個地圖。它可以工作，但我無法讓地圖填充容器。

我已經「製造」一個codepen來說明我的問題：http://codepen.io/neetsnp/pen/bqZQqd

「固定」的地圖對話框使用這些樣式的地圖：

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

這是據我可以得到的。但我也喜歡做的事：

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

看來，這僅僅是高度PARAM導致問題，因爲我可以得到地圖，以填補100％的寬度。

我希望有人知道如何做到這一點，解決方案必須適用於所有屏幕尺寸。

感謝，

斯蒂恩

Answer 1

嘗試加入絕對位置到div

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

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