jan*_*ann 11 javascript google-maps
我正在使用Google Maps 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&v=2&sensor=true&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&v=2&sensor=true&key=ABQIAAAAa24xicak8_ghHX58i7La7hRFh9iM79SNC94rOejOtdMRvQmJiBS6Uv5F_1BNSh9ZuSzFXyekHISgew
文件立即加载.
jan*_*ann 16
这是一个相当古老的问题 - 解决方案是禁用萤火虫(至少对我而言).
Tör*_*bor 12
使用Google的Ajax API.从过去一段时间起,Google的所有服务都可以通过JavaScript API访问.它是一个模块化系统,您只需要包含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的开发人员文档.