Javascript 谷歌地图看起来很有弹性

您好，我正在我的网站上实现这一点，但它看起来非常怪异和有弹性。 如何使其正常，但在其列中保持全宽和全高。 有解决办法吗

目前，我的地图在flexbox列中，是否对地图生效

#地图画布{
身高：100%；
}

...

地图当前为100%屏幕宽度和高度。您需要将高度和宽度设置为宽度 你的专栏

#map-canvas{
    height: 30vh;
    width: 30vw;
}

此外，还可以查看vh和vw at。

---

这有助于将宽度和高度设置为设备的宽度和高度。

最后我遇到了问题，这是我的错。 但这可能对未来有用

...

尝试将高度更改为autoheight:auto可能会使地图消失@RachelGallen-给地图一个绝对高度而不是相对高度#地图画布变为高度：0没有所有CSS和HTML（以及javascript）很难说你在做什么wrong@vanio178如果看不到html/CST的其余部分，就很难说出问题所在。在我的案例中，这个解决方案是有效的。如果你投了反对票，至少要给这个人留下一条评论。