代码之家 › 专栏 › 技术社区 › janhartmann

谷歌地图API-缓慢加载的javascript

google-maps javascript

janhartmann · 技术社区 · 16 年前

我正在使用谷歌地图API在某个页面上显示地图。

问题是文件 http://maps.google.com/maps?file=api..... 有时加载速度很慢——降低了页面的性能,因为javascript的其余部分第一次加载到文档就绪状态,而文档就绪状态很少达到——因为浏览器锁定等待来自Google的文件。

我尝试将javascript文件从 <head> 在我的内容下标记到。但其他的javascript永远不会被触发,因为浏览器等待来自Google的文件。

有没有办法解决这个问题,或者其他人也遇到过同样的问题?这是最近开始的,我不知道为什么。

这是我的代码,如果有人感兴趣:

<script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAAa24xicak8_ghHX58i7La7hRFh9iM79SNC94rOejOtdMRvQmJiBS6Uv5F_1BNSh9ZuSzFXyekHISgew">    </script>
<script type="text/javascript" src="/js/maps.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
    // Google Maps
    initialize();

    // Other JavaScript comes here....

   });
</script>

如果我进入

http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAAa24xicak8_ghHX58i7La7hRFh9iM79SNC94rOejOtdMRvQmJiBS6Uv5F_1BNSh9ZuSzFXyekHISgew

文件立即加载。

3 回复 | 直到 15 年前

janhartmann 15 年前

这是一个相当古老的问题-解决方法是禁用Firebug(至少对我来说)。

viam0Zah 16 年前

使用谷歌的Ajax API。过去的一段时间里,谷歌的所有服务都可以通过JavaScriptAPI访问。它是一个模块化系统,你只需要包含JSAPI库,然后你就可以动态地加载你需要的模块,它不会阻塞你的站点。

<script type="text/javascript"        
        src="http://www.google.com/jsapi?key=ABCDEFG"></script>
<script type="text/javascript">
google.load("maps", "2");
google.setOnLoadCallback(function() {
    // Your logic goes here.
    // It will be run right after the maps module was loaded.
});
</script>

有关详细信息,请参阅 JSAPI's developer documentation .

Nael El Shawwa 16 年前

在JavaScript优化上:总是将JS放在甚至地图API脚本的底部。我真的想不出有什么好的理由在头脑中有任何JS。

推荐文章

onesiumus · 使用Google Places Insights API搜索酒吧时,如何排除与食物相关的次要类型?

4 月前

Dave · 谷歌地图脚本缩放根本不起作用

1 年前

mrbob · Google Places Autocomplete不工作,接收到我的函数不是函数的错误

1 年前

JonasEngstrom · 如何使用R将地图坐标从SWEREF99 TM转换为WGS84?

1 年前

Chichi · 我如何在我的地点自动补全片段上添加历史记录?

1 年前

JesseB1234 · 谷歌地图多个多边形/颜色缩放变黑/颜色错误

1 年前

LostTexan · 谷歌地图在flutter应用程序中显示错误的当前位置

1 年前

LostTexan · 使用谷歌地图API获取当前位置

1 年前

Daniel Loiterton · 在街景中显示AdvancedMarkerElement

1 年前

kryptonian · React谷歌地图信息覆盖市场的窗口

1 年前