我正在尝试在此页面的第二部分加载 map
http://lowcoupling.appspot.com/anotherMapPage.html
如您所见，问题在于 map 被描绘为一条 1px 的线
我做错了什么？
最佳答案
What am I doing wrong?
您正在使用 height:100% 使 map 与您的 section 一样高 - 您计算 min-height: calc(100% - 1px);.
但是你有 Bootstrap row 元素，它没有设置 height，所以你的 map 没有直接父元素从 计算它的 width - 所以它需要 1px - 这已经由 bootstrap 默认设置(min-height:1px - 将列保持在原位)。
您需要有一个设置了高度(未以百分比定义)的直接父元素，才能使 map 扩展到其高度的 100%。
如果包裹 map 的 row 元素具有固定高度，您的 map 容器将扩展到该高度的 100%。
请参阅直接父级使用 calc(100% - 1px) 的示例:
http://jsfiddle.net/LDzSk/1/
关于css - Bootstrap css 中的谷歌地图，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23286379/