我正在尝试将google地图添加为bootstrap轮播中的项目。 出于某种原因,当我在旋转木马中包含地图时,地图的图块加载错误。 如果您很幸运,它会正确加载以启动一秒钟,但之后它会以不同缩放级别的一组图块进行流式传输。
如果您在旋转木马外面移动相同的逻辑,则显示正常。
我尝试使用下面的bootply简化示例页面以演示问题,因为我发现很难解释。 http://www.bootply.com/YcaTxtftSW
任何人都可以就我失踪的东西提出建议吗?
答案 0 :(得分:1)
由CSS强制,min-height: 400px;
的设置.carousel img
也会影响用于地图的图片(尤其是瓷砖,其自然尺寸为256x256)
添加此CSS:
#map-canvas img {
min-height: 0;
}