Javascript 谷歌地图在浏览器大小更改后显示

问题是，当我使用下面的代码时，其中也包括客户端密钥 第一个输入页面显示空的谷歌地图，如果我稍微调整一下浏览器的大小，地图就会出现

我不知道出了什么问题。。。 请帮忙

$（文档）。在（“页面创建”上，函数（事件）{
initMap（）；
});
函数initMap（）
{ 
变量映射_选项={
中心：新google.maps.LatLng（-16.5112321，-68.1224865），
缩放：20，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map_canvas=document.getElementById（'googleMap'）；
var map=new google.maps.map（地图画布，地图选项）；
}

---

我使用了jQuery mobile的选项卡，所以解决方案是先初始化映射，然后激活选项卡。 答案就在这里

---

我使用了jQuery mobile的选项卡，所以解决方案是初始化映射，然后激活选项卡。 答案就在这里

---

@APAD1我找到了重复的问题，但其解决方案对我不起作用@APAD1我找到了重复的问题，但其解决方案对我不起作用

   $( "#tabs" ).on( "tabsactivate", function( event, ui ) {
                initMap();
    } );