Javascript 让谷歌地图填充高度

我用它在我的爱奥尼亚应用程序中加入谷歌地图。 它的工作原理很好，但我想它填补了整个高度，仍然是标题下可用

我只能用px给它一个高度，就像这样：

.angular-google-map-container { height: 200px;}

当我把它改成%的时候，它就不再显示地图了

---

有谁能帮我解决这个问题吗？

每次你使用某个百分比时，你必须问问自己。。。由于您没有提供完整的代码，因此不可能完美地回答您的问题

通过使用

.angular谷歌地图容器{height:200px；}

可以强制所有父容器增大其大小以适应200px的高度。这就是它起作用的原因

一个愚蠢的修正将使用高度值。比如：

height: 80vh;

---

这是视图端口高度的80%。

我使用以下方法使其工作：

.angular-google-map-container {
    position: absolute;
    top: 20px;
    bottom: 0;
    right: 0;
    left: 0;
}

---

将您的视图、js和css代码发布在此处或Fiddle/Plunk上以获取帮助。