嵌入在 Bootstrap 4.2.1 中的谷歌地图答案

【问题标题】：Google Maps embedding in Bootstrap 4.2.1嵌入在 Bootstrap 4.2.1 中的谷歌地图
【发布时间】：2019-07-10 18:15:32
【问题描述】：

我正在尝试在 BS4 中嵌入平方的 Google Maps，行高由左侧的图像设置（480×480px），但是当我插入地图时，它很大并且在顶部和底部产生了很大的间隙行。

我如何将行高限制为这个图像高度，这个想法是地图保持平方图像比例，它位于最右边，并遵循左侧图像的高度......？ Screenshot

按下右下角的“Launch Preview Window”按钮，最大化窗口以查看间隙： http://codeply.com/go/i9Yp3FI5bY

【问题讨论】：

【解决方案1】：

您可以尝试使用内联 CSS 来声明地图的最大高度和宽度，同时保持地图的响应能力。

style="max-height:480px;max-width:480px"

【讨论】：