首次查看网站时，谷歌地图未加载正确性

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