HTML Javascript函数仅在第二次单击时起作用

Question

我正在尝试在引导选项卡上显示谷歌地图，但是只有在第二次单击选项卡时地图才能正确显示。在第一次点击时，有很多灰色区域，地图需要调整大小。 我看过this，但没有任何帮助。

JS：

<div class="col-md-12">  

<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#sectionA">Details</a></li>
<li><a data-toggle="tab" id = "sectionb" href="#sectionB" onclick="initMap(); return false;">Location</a></li>
</ul>
<div class="tab-content">
    <div id="sectionA" class="tab-pane fade in active">
    <div class="col-md-8" style = "padding-top: 3%">
    </div>
    </div>
    <div id="sectionB" class="tab-pane fade">                 
    <div class="row">
    <div class="col-md-8">
    <div id ="map" style="width:400px;height:400px;"> 
</div>
</div>
</div> 

HTML：

{{1}}