谷歌地圖顯示不正確

Question

我使用API​​一個風格的地圖，它的顯示不正確：

如果你點擊頂部接觸右側的地圖應該出現的聯繫方式如下：

http://machinas.com/wip/machinas/website/v21/

看來只有一半的地圖區域是灰色的。任何想法，爲什麼這可能是？

謝謝！

這是我所看到的：

http://i42.tinypic.com/2ntafwp.jpg

Answer 1

你設置你在一個名爲initialize()功能，當網頁是由該行代碼加載被稱爲地圖：

google.maps.event.addDomListener(window, 'load', initialize); 

但是，您的map-canvas元素尚未正確調整大小，因爲它具有width:100%，並且它是.contact-overlay元素的子元素，它具有display:none。

刪除該行代碼，而是在您單擊聯繫我們鏈接並顯示滑動打開區域後明確呼叫initialize()。一旦可見和大小，然後用initialize()呼叫初始化地圖。

這也將幫助您的網頁加載速度更快，因爲只有打開聯繫人覆蓋面板時，它纔會在每次加載頁面時初始化地圖。