谷歌地圖是不是正確加載

Question

我一直在這個網站上工作http://www.knudtzon.co，我試圖在聯繫頁面中包含谷歌地圖。不幸的是，地圖渲染不正確，當我在地圖中導航時，它仍然無法正常工作或加載內容。我發現如果我重新做我的腳本，以便谷歌地圖是第一件出現在屏幕上，地圖實際上加載正確，但這並不真正符合我的設計 - 希望那麼多:)

我已經找到了解決方案，並嘗試重新加載地圖，當我打開聯繫頁面，但它似乎仍然沒有工作。我的日誌沒有顯示任何錯誤或任何東西，所以我似乎無法弄清楚。

如果有人有如何解決這個問題的想法，這將是驚人的！

Answer 1

我認爲，一旦您完成顯示聯繫div，您需要在谷歌地圖上撥打resize事件。

var map = new google.maps.Map(selector, mapOptions); //Initialising map. 
var currCenter = map.getCenter(); //Get the center location of the map 
google.maps.event.trigger(map, 'resize'); //Trigger resize 
map.setCenter(currCenter); //Setting the center in resized map. 

應該很容易。確保在contact div完全加載/調整大小/動畫後調用此代碼。 讓我知道它是否有效。