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

Question

查看网站时，我正在为我正在处理的项目开发 atm - 您似乎是第一次访问该网站时 - 位于页脚中的谷歌地图无法加载，仅加载该位置的图像而不是交互式地图。但是，当重新加载页面时，地图可以正常工作：/。

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