谷歌地图与bootstrap 3轮播错误?

时间:2014-07-14 19:33:14

标签: javascript google-maps twitter-bootstrap

我正在尝试将google地图添加为bootstrap轮播中的项目。 出于某种原因,当我在旋转木马中包含地图时,地图的图块加载错误。 如果您很幸运,它会正确加载以启动一秒钟,但之后它会以不同缩放级别的一组图块进行流式传输。

如果您在旋转木马外面移动相同的逻辑,则显示正常。

我尝试使用下面的bootply简化示例页面以演示问题,因为我发现很难解释。 http://www.bootply.com/YcaTxtftSW

任何人都可以就我失踪的东西提出建议吗?

1 个答案:

答案 0 :(得分:1)

由CSS强制,min-height: 400px;的设置.carousel img也会影响用于地图的图片(尤其是瓷砖,其自然尺寸为256x256)

添加此CSS:

#map-canvas img {
  min-height: 0;
}