Css 谷歌地图在引导选项卡中未正确显示

我正在使用Bootstrap3开发laravel框架。我想在引导选项卡中呈现我的谷歌地图。但地图没有正确显示。小地图显示在带有灰色背景的内联样式的选项卡中。我正在地图div上添加样式，但它不会根据高度和宽度显示

请告诉我任何解决办法

我的问题通过以下代码解决：-

$('a[href="#tab-4"]').on('shown.bs.tab', function (e) {
                ops2.initGoogleMapCanvas(); 
            });

---

如果这是样式问题，请检查您的和类

        <div class="row">
            <div class="col-sm-5">
                 <div class="img-responsive events-map" style="height: 467px;" id="home-event-map"></div>
           </div> 
        </div>

可能重复的