首次查看網站時，谷歌地圖未加載正確性

Question

查看網站時，我正在為我正在開發的項目開發atm-似乎您第一次訪問該網站時-位於頁腳中的google地圖無法加載，只能加載該位置的圖像，而不能加載互動地圖。 但是，當重新加載頁面時，地圖可以正常工作：/。

我對JS還是很陌生，對此將提供任何幫助。

該網站可在http://www.kingsroad.net.au/上找到。

並且可以在http://www.kingsroad.net.au/content/footerMain.php上看到主要的頁腳頁面源

另外，kingsroad.net.au / js / general.js控制頁面上內容的加載。

Answer 1

你可以這樣嘗試嗎：

function loadGoogleMap(){
  var mapOptions = {
    ...
  };
  var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

  setTimeout(function() {
    google.maps.event.trigger(map, "resize");
  }, 3000);
}