Google maps 谷歌地图宽度超过800像素时不工作

当我将谷歌地图的宽度设置为高于800像素的值时，我的谷歌地图不起作用。如果我将其宽度设置为任何小于800px或更小的值，它就可以工作

选中此项：
1900px宽，贴图不工作，
2800px，宽度贴图正在工作，
1链接：www.designclime.com/demo/googleMapProblem/contact-1.html
2链接：www.designclime.com/demo/googleMapProblem/contact-2.html

这是我的密码：

<script src="https://maps.googleapis.com/maps/api/js?key=[redacted]"></script>

<script>
   var myCenter=new google.maps.LatLng(23.810332,90.412518);
    function initialize()
    {
    var mapProp = {
    center:myCenter,
    scrollwheel: false,
    zoom:12,    
    zoomControl:false,
    mapTypeControl:false,
    streetViewControl:false,
    mapTypeId:google.maps.MapTypeId.ROADMAP
      };

    var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

    var marker=new google.maps.Marker({
      position:myCenter
      });
    marker.setMap(map);
    }

    google.maps.event.addDomListener(window, 'load', initialize);
</script>

var myCenter=new google.maps.LatLng（23.810332,90.412518）；
函数初始化（）
{
var mapProp={
中心：迈森特，
滚轮：错误，
缩放：12，
动物控制：错误，
mapTypeControl:false，
街景控制：错误，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“googleMap”），mapProp）；
var marker=new google.maps.marker({
位置：迈森特
});
marker.setMap（map）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

这是一种有趣的行为。谷歌地图并没有这样做，直到页面上出现了一些脚本，这些脚本扰乱了地图的初始化。尝试调整浏览器的大小或打开开发人员控制台进行播放，查看是否正确加载地图。如果是，则作为一种解决方法，将脚本标记中的最后一行替换为google.maps.event.addDomListener（窗口“加载”，setTimeout（初始化，1000））；其中1000是以毫秒为单位的时间。根据您的选择调整。听起来像是CSS问题（如果地图的宽度大于800px，则地图没有大小）。请提供一份说明您的问题的报告。检查这个：1。900px宽度，贴图不工作：2。800px，宽度贴图正在工作：对我来说，它看起来也是一个CSS问题。如果您检查网络活动，您将看到Maps API成功下载了图像，但由于某些原因它不可见。对问题解决了，这是一种有趣的行为。谷歌地图并没有这样做，直到页面上出现了一些脚本，这些脚本扰乱了地图的初始化。尝试调整浏览器的大小或打开开发人员控制台进行播放，查看是否正确加载地图。如果是，则作为一种解决方法，将脚本标记中的最后一行替换为google.maps.event.addDomListener（窗口“加载”，setTimeout（初始化，1000））；其中1000是以毫秒为单位的时间。根据您的选择调整。听起来像是CSS问题（如果地图的宽度大于800px，则地图没有大小）。请提供一份说明您的问题的报告。检查这个：1。900px宽度，贴图不工作：2。800px，宽度贴图正在工作：对我来说，它看起来也是一个CSS问题。如果您检查网络活动，您将看到Maps API成功下载了图像，但由于某些原因它不可见。对问题解决了