地图在Google地图插件

Question

我正在使用谷歌地图插件。但问题是当我打开地图时，页面地图中的选项卡不可见，只要我滚动或移动地图位置就会变得可见。可以帮助我一些吗？

这是我的代码：

function initMap()
{
    var uluru = {lat: {{$activity->latitude}}, lng: {{$activity->longitude}}};
    map = new google.maps.Map(document.getElementById('map'), {
        zoom: 7,
        center: uluru
    });

    var marker = new google.maps.Marker({
        position: uluru,
        map: map
    });

    console.log("Loaded map");
    map.setZoom( this.map.getZoom() - 1 );
    map.setZoom( this.map.getZoom() + 1 );
    // google.maps.event.trigger(map, 'resize');
}

HTML：

<div class="tab-pane fade in" id="tabMap">
    <div id="mapWrapper" style="height:500px; width:100%;">
        <div id="map" style="height:100%;"></div>
    </div> 
</div>