Javascript 重新加载页面后，谷歌地图变灰

我使用以下javascript，通过单击google地图上的一个点来获取纬度和经度。 当我访问页面时，最初会加载地图，并且在单击地图并获取坐标方面一切正常，但在重新加载页面后，地图会变为灰色，并且在web浏览器控制台中不会显示任何错误。 你知道我可能有什么错误，以及如何解决这个问题吗

函数getCookie（名称）{ var cookie=document.cookie； 变量前缀=名称+“=”； var begin=cookie.indexOf（“；”+前缀）； 如果（开始==-1）{ begin=cookie.indexOf（前缀）； 如果（begin！=0）返回null； }否则{ 开始+=2； var end=document.cookie.indexOf（“；”，begin）； 如果（结束==-1）{ end=cookie.length； } } 返回unescape（cookie.substring（begin+prefix.length，end））； } 函数初始化（）{ var Mycokie=getCookie（“其他液化天然气”）； 如果（mycokie==null）{ var mylatng=newgoogle.maps.LatLng（40.713956，-74.006653）； 变量myOptions={ 缩放：9， 中心：myLatlng， mapTypeId:google.maps.mapTypeId.ROADMAP }; var map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）； var marker=new google.maps.marker({ 真的， 职位：myLatlng， 地图：地图， 标题：“你的位置” }); var circle=new google.maps.circle({ 地图：地图， 半径：24140，//15英里（米） 填充颜色：“#08aa23” }); 圆圈.bindTo（'中心'，标记，'位置'）； google.maps.event.addListener（标记'dragend'，函数（事件）{ document.getElementById（“lat”）.value=event.latLng.lat（）； document.getElementById（“lng”）.value=event.latLng.lng（）； 获取地址（event.latLng）； var cookie_val=（'other_lat_lng'，event.latLng.lat（）+，“+event.latLng.lng（）） document.cookie=“other_lat_lng=“+escape（cookie_val）”； }); google.maps.event.addListener（映射，'click'，函数（事件）{ document.getElementById（“lat”）.value=event.latLng.lat（）； document.getElementById（“lng”）.value=event.latLng.lng（）； 标记器设置位置（事件锁定）； 获取地址（event.latLng）； var cookie_val=（'other_lat_lng'，event.latLng.lat（）+，“+event.latLng.lng（）） document.cookie=“other_lat_lng=“+escape（cookie_val）”； }); }否则{ 数组=myCookie.split（'，'）； var split_1=数组[0]； var split_2=数组[1]； var mylatng=new google.maps.LatLng（split_1，split_2）； 变量myOptions={ 缩放：9， 中心：myLatlng， mapTypeId:google.maps.mapTypeId.ROADMAP }; var map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）； var marker=new google.maps.marker({ 真的， 职位：myLatlng， 地图：地图， 标题：“你的位置” }); var circle=new google.maps.circle({ 地图：地图， 半径：24140，//15英里（米） 填充颜色：“#08aa23” }); 圆圈.bindTo（'中心'，标记，'位置'）； google.maps.event.addListener（标记'dragend'，函数（事件）{ document.getElementById（“lat”）.value=event.latLng.lat（）； document.getElementById（“lng”）.value=event.latLng.lng（）； 获取地址（event.latLng）； var cookie_val=（'other_lat_lng'，event.latLng.lat（）+，“+event.latLng.lng（）） document.cookie=“other_lat_lng=“+escape（cookie_val）”； }); google.maps.event.addListener（映射，'click'，函数（事件）{ document.getElementById（“lat”）.value=event.latLng.lat（）； document.getElementById（“lng”）.value=event.latLng.lng（）； 标记器设置位置（事件锁定）； 获取地址（event.latLng）； var cookie_val=（'other_lat_lng'，event.latLng.lat（）+，“+event.latLng.lng（）） document.cookie=“other_lat_lng=“+escape（cookie_val）”； }); } var a_message=“” var地理编码器； geocoder=新的google.maps.geocoder（）； 函数getAddress（latLng）{ geocoder.geocode（{'latLng'：latLng}， 功能（结果、状态）{ if（status=google.maps.GeocoderStatus.OK）{ 如果（结果[0]）{ document.getElementById（“地址”）.value=results[0]。格式化的\u地址； } 否则{ document.getElementById（“地址”）.value=a_消息； } } 否则{ document.getElementById（“地址”）.value=status； } }); } } google.maps.event.addDomListener（窗口“加载”，初始化（））

#映射画布{边距：0；填充：0；高度：100%；宽度：100%}

我想这个问题以前有人问过

我遇到了这样一个问题，

resize

解决了它

$（文档）.ready（函数（）{
$（窗口）。调整大小（函数（）{
google.maps.event.trigger（映射，'resize'）；
});
google.maps.event.trigger（映射，'resize'）；
});

谢谢您的回复@Joyce，到底应该在哪里