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

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