首次查看网站时谷歌地图无法正确加载

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);
}