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

【问题标题】：Google Map not showing properly in bootstrap tab谷歌地图未在引导选项卡中正确显示
【发布时间】：2015-03-25 07:51:39
【问题描述】：

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

请告诉我任何解决方案。

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

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

【问题讨论】：

stackoverflow.com/questions/4064275/…的可能重复

标签： css twitter-bootstrap google-maps

【解决方案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>

【讨论】：