多谷歌地圖的bug

Question

我嘗試在單頁上顯示多個自定義谷歌地圖，但是當一個人顯示，另一種被竊聽，你可以看到如下：

我不喜歡它來自我的代碼，因爲兩個容器都符合正確尺寸（並且Google徽標和「使用條款」已正確顯示）。但是，「地圖圖塊」不會顯示在第二張地圖中，而是應用灰色背景。

任何想法/建議？

編輯：第一張地圖似乎總是顯示，其他人總是被竊聽。

Answer 1

我終於找到了如何解決我的問題，這是@ Andy的解決方案和我的混合。該resize事件的確應該被觸發，但是縮放級別和地圖中心顯示不正常，你可以看到如下：

要更新縮放級別和中心，我用這個首頁製作方法，它更新我的地圖取決於地圖標記的範圍：

var updateBounds = function (map, markers) { 
    var bounds = new google.maps.LatLngBounds(); 

    for (var i = 0, len = markers.length ; i < len ; i++) { 
     bounds.extend (markers[i].marker.position); 
    } 

    // extend bounds using two invisible markers so the markers don't get too close to the map borders 
    var 
     extendPoint1 = new google.maps.LatLng (bounds.getNorthEast().lat() + 0.001, bounds.getNorthEast().lng() + 0.001), 
     extendPoint2 = new google.maps.LatLng (bounds.getNorthEast().lat() - 0.001, bounds.getNorthEast().lng() - 0.001); 

    bounds.extend (extendPoint1); 
    bounds.extend (extendPoint2); 

    map.fitBounds (bounds); 
}; 

Answer 2

給google.maps.event.trigger(secondmap, 'resize');去看看會發生什麼。