Javascript 谷歌地图api只在屏幕上显示地图

我有一个谷歌地图api的问题，地图显示空白，只有当我调整屏幕大小时才能工作

我读了所有关于

google.maps.event.trigger（map，'resize'）的内容并尝试了网络上的一切，
但不知何故，我不能在我的代码中正确地使用它来让它工作。如果能得到快速的帮助，我将不胜感激。
以下是我的jquery脚本：


var markers3=[]；
$（文档）.ready（函数（）{
var yourstattatlng=new google.maps.LatLng（35.71083783530009,51.455841064453125）；
$（'map#u canvas3'）.gmap（{'center'：yourstartatlng，zoom:10}）
.bind（'init'，函数（事件，映射）{
$（映射）。单击（函数（事件）{
var objectOfcordinationArray=[]；
变量a={}；
var lat=event.latLng.lat（）；
var lng=event.latLng.lng（）；
ObjectOfcordinasinArray.push（lat.toString（））
ObjectOfcordinasinArray.push（lng.toString（））
a[“坐标”]=对象坐标数组；
a[“类型”]=“点”；
eJSON=JSON.stringify({
要点：a
}
);
console.log（eJSON）
中心：YourStartAtling；
});
google.maps.event.addListener（映射，'click'，函数（事件）{
clearMarkers（）
地点标记（事件标记）；
});
函数clearMarkers（）{
setMapOnAll（空）；
markers3=[]；
}
函数setMapOnAll（映射）{
对于（变量i=0；i
您提供的样本不完整，我们无法仅凭此复制您的问题

但是您的问题可能来自如何初始化映射，它来自
document.ready
。我建议您在包含Maps Javascript API脚本时，始终使用
回调
引用，并将其异步调用，如下所示：

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>


/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
#地图{
身高：100%；
}
/*可选：使示例页面填充窗口*/
html，
身体{
身高：100%；
保证金：0；
填充：0；
}
请提供一个示例来说明您的问题（您尚未提供显示任何内容所需的HTML或CSS，或所需的javascript库）。