Google地图无法在引导标签中正确显示

Question

我正在使用bootstrap 3开发laravel框架。我想在bootstrap标签中渲染我的谷歌地图。但地图显示不正确。小地图显示在内联样式与灰色背景的选项卡中。我在地图div上添加了样式，但它不会根据高度和宽度显示。

请告诉我任何解决方案。

此问题解决了我的问题： -

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

Answer 1

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

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