谷歌地图与引导3旋转木马错误

Google map with bootstrap 3 carousel bug?

本文关键字：旋转木马错误谷歌地图更新时间：2023-09-26

我试图添加一个谷歌地图作为一个项目在引导旋转木马。由于某些原因，当我在旋转木马中包含地图时，地图的tile加载错误。如果你幸运的话，它会正确加载一秒钟，但随后它会以不同的缩放级别流式传输一组磁贴。

如果你将相同的逻辑移出旋转木马，它会显示良好。

我试图用下面的bootply来简化一个示例页面来演示这个问题，因为我发现它很难解释。http://www.bootply.com/YcaTxtftSW

谁能给我一个建议，我错过了什么?

这是CSS强制的，设置min-height: 400px;为.carousel img也会影响用于地图的图像(特别是瓷砖，其自然大小为256x256)

添加CSS:

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