Javascript Google地图不会在div容器上显示整个地图

我有一个里面有谷歌地图的div，但是地图没有完全显示出来。。只显示地图的一部分，另一部分是灰色的，如果我用光标移动地图，地图的可视部分会移动，但大小会发生变化，但不会占用整个div的大小

这是div和快照：

<div style="height: 275px; width: 715px;" id="map_display"></div>

---

您需要在谷歌地图中触发一个调整大小事件，如

google.maps.event.trigger(myMap, 'resize');

初始化Google地图后，提供的答案可能对您有用，问题可能是地图在调整div大小之前已加载（是否可能是动态调整大小？）

在页面其余元素之后加载地图应该会有所帮助

---

这可能是刷新问题。加载页面后，尝试重新初始化映射。这会有帮助的。或者显示你的代码你可以发布你的JS吗？你不需要这样做。

function InitializeMap() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
        zoom: 8,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_display"), myOptions);
}
$(document).ready(function () {
    InitializeMap();
});