Javascript 谷歌地图没有按预期工作

我知道这个问题与大小有关，但不知何故我无法解决它

是我正在处理的链接

如果您转到顶部的“位置”选项卡并单击它，则您可以在“safari”中看到完全灰色的区域，而在其他浏览器中，如果您在单击“位置”选项卡后不移动鼠标，则地图将部分灰色

对于其他浏览器

我使用以下代码来解决灰色区域问题：

$("#mega-menu-item-581").mouseover(function(){
    $("#menuLocateStore").focus();
    google.maps.event.trigger(menuMap, 'resize');
});

但是在safari中，我不知道如何解决这个问题。有人能在这方面指导我吗

甚至我在鼠标悬停事件后也尝试过初始化，但没有成功

我尝试过的另一件事是在超时后初始化，但它仍然没有给我任何成功

我正在使用的代码被添加到snippest中

var searchStoreField=document.getElementById（'menuLocateStore'）；
var autocomplete=new google.maps.places.autocomplete（searchStoreField）//自动填写地址
var菜单地理编码器、菜单地图、菜单信息窗口、菜单方向显示、菜单方向服务、菜单地理定位板条、菜单标记聚类器、，
菜单\标记数组=[]，
菜单\方向标记位置={}，
菜单\映射默认值={}，
菜单_resetMap=false，
menu_streetViewAvailable=错误，
菜单\u开始市场数据，
菜谱，
菜单\自动加载=真，
菜单；	
函数初始化映射（）{
变量菜单选项、菜单缩放控件位置、菜单缩放控件样式、菜单缩放、菜单缩放级别、菜单贴图类型、菜单街道视图可见；
/*如果未定义缩放位置，则显示整个世界*/
menu_startatlng=newgoogle.maps.LatLng（57.758665，-101.705156）；
菜单_zoomLevel=12；
menu_geocoder=新建google.maps.geocoder（）；
menu_infoWindow=新建google.maps.infoWindow（）；
menu_directionsDisplay=新建google.maps.DirectionsRenderer（）；
menu_directionsService=新建google.maps.directionsService（）；
/*设置控制装置的正确位置*/
菜单\u zoomControlPosition=google.maps.ControlPosition.RIGHT\u中心
/*设置正确的控制样式*/
menu_zoomControlStyle=google.maps.zoomControlStyle.SMALL
/*设置选定的贴图类型*/
menu_mapType=google.maps.MapTypeId.ROADMAP
菜单\我的选项={
缩放：菜单\缩放级别，
中心：菜单，
mapTypeId：菜单\地图类型，
//mapTypeControl:true，
//mapTypeControlOptions：{
//样式：google.maps.MapTypeControlStyle.HORIZONTAL_BAR，
//位置：google.maps.ControlPosition.BOTTOM\u CENTER
// },
//泛控制：错误，
//街景控制：错误，
//动物控制：对，
ZoomControl选项：{
样式：菜单\缩放控件样式，
位置：菜单\缩放控制位置
},
//scaleControl：对，
};
menu\u map=new google.maps.map（document.getElementById（“menuMap”），menu\myOptions）；
}
函数addMarker（latLng、storeId、infoWindowData、Dragable）{
变量菜单标记路径、菜单标记、菜单标记、，
keepStartMarker=false；
//if（storeId==0）{
//markerPath=wpslssettings.path+“img/markers/”+wpslssettings.startMarker；
//}其他{
//markerPath=wpslssettings.path+“img/markers/”+wpslssettings.storeMarker；
// }
//mapIcon={
//url:markerPath，
//scaledSize：新的google.maps.Size（24,35），//视网膜格式
//来源：新google.maps.Point（0,0），
//主播：新谷歌地图点（12,35）
// };
menu_marker=新建google.maps.marker({
位置：latLng，
地图：菜单和地图，
优化：false，//修复了反弹时闪烁的标记
标题：infoWindowData.store，
可拖动的，可拖动的，
storeId:storeId，
});	
/*保存标记以备以后使用*/
菜单标记array.push（菜单标记）；
google.maps.event.addListener（菜单标记“单击”，函数（）{
//setInfoWindowContent（菜单标记，createInfoWindowHtml（infoWindowData，storeId，菜单街道视图可用））；
});
}
函数createInfoWindowHtml（infoWindowData、storeId、streetViewAvailable）{
var storeHeader，url，
地址2=“”，
newWindow=“”，
街景=”，
zoomTo=“”，
windowContent=“”；
windowContent+=“”；
windowContent+=“”；
返回窗口内容；
}
函数setInfoWindowContent（标记，InfoWindowContent）{
菜单\u infoWindow.setContent（InfoWindowContent）；
菜单信息窗口。打开（菜单地图、标记）；
}
函数fitBounds（）{
var i，markerLen，
maxZoom=12，
bounds=新的google.maps.LatLngBounds（）；
/*确保我们不会放大到很远*/
google.maps.event.addListenerOnce（菜单映射，“边界更改”，函数（事件）{
if（this.getZoom（）>maxZoom）{
这个.setZoom（maxZoom）；
}
});
对于（i=0，markerLen=menu\markersArray.length；i$("#mega-menu-item-581").mouseover(function(){
    $("#menuLocateStore").focus();
    initializeMenuMap();
});