【问题标题】:google maps not loading correclty when first viewing website首次查看网站时谷歌地图无法正确加载
【发布时间】:2012-12-19 04:38:24
【问题描述】:

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

我对 JS 还是很陌生,如有任何帮助,我们将不胜感激。

可以在http://www.kingsroad.net.au/查看网站

主要页脚页面源可以在http://www.kingsroad.net.au/content/footerMain.php看到

还 kingsroad.net.au/js/general.js 控制页面上内容的加载。

【问题讨论】:

    标签: javascript google-maps


    【解决方案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);
    }
    

    【讨论】:

    • 您好 wf9a5m75 - 感谢您的帮助,我已按照您的建议编辑了我的代码(目前已在网站上发布)但问题似乎仍然存在 - 我是想知道它是否与图像滑块有关,因为第一次加载页面时也经常发生这种情况: kingsroad.net.au/kingsroadJSproblem.png 其中图像仅显示第一英寸左右,其余为白色.
    • 我通过在 CSS 样式中手动设置高度来解决图像问题 - 不知道为什么我一开始没有这样做,哈哈。然而,谷歌地图问题仍然存在。在我的本地主机上,地图可以正确加载导航和街景等。但是在网络服务器上,我只能得到刷新页面后的基本地图:(。
    • 不知道我是如何修复它的,但我在搞乱我的 JS 并做一些其他的事情,它现在可以工作了 -_-,希望它在 6 小时前完成了,哈哈。感谢 wf9 的帮助 :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-29
    相关资源
    最近更新 更多