Javascript 谷歌地图无法在Chrome中使用引导卡布局

我在谷歌地图上使用引导卡布局。但每当我把谷歌地图移到右边一栏的卡片上时，它就不能正常显示。但如果我把它移到第一列，它就会工作！此问题仅在chrome和edge中发生。在firefox中可以完美地工作。有什么办法解决这个问题吗

全屏查看以下代码

这是一张较长的卡片
函数myMap（）{
var mapProp={
中心：新google.maps.LatLng（51.508742，-0.120850），
缩放：5，
};
var map=new google.maps.map（document.getElementById（“googleMap”），mapProp）；
}

尝试使用

卡片组

或

卡片组

然后它就起作用了。

或者查看卡片列的列计数解决方案

函数myMap（）{
var mapProp={
中心：新google.maps.LatLng（51.508742，-0.120850），
缩放：5，
};
var map=new google.maps.map（document.getElementById（“googleMap”），mapProp）；
}
这是一张较长的卡片
这是一张较长的卡片

在我最初的应用程序中，它有几个不同高度的卡。所以卡片组和卡片组将无法工作：（我会尽快再看一遍，实际上这是css列计数属性的问题。使用它的引导卡。@SameeraK看看这个，来解决您的问题：