如何在不调用google.load()的情况下包含Google图表API?

时间:2012-03-31 16:34:50

标签: google-visualization google-cdn google-loader

jQuery,jQuery UI和Google Maps可以通过两种方式从Google的CDN加载 - 使用 google.load()

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1");
google.load("jqueryui", "1");
google.load("maps", "3", {other_params: "language=de&sensor=false"});
</script>

或使用静态&lt; script src =“...”&gt; 标记:

<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false&language=de"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>

还有第二种方式可用于the Google charts API吗?

对我来说,只有这种方法有效:

<script type="text/javascript">
google.load('visualization', '1.0', {'packages':['corechart']});
</script>

但我找不到第二条路径的网址。

我宁愿静态地添加Google图表API,因为它对我来说更简单,因为my current problem with DataTables.net

当我使用Google Chrome控制台查看资源时,我可以看到

这样的地址

https://www.google.com/uds/api/visualization/1.0/342b7b8453344477d252440b6c1305c9/format+en,default,corechart.I.js

但我认为这是暂时的,可能会过期......

2 个答案:

答案 0 :(得分:15)

我找到了autoloading解决方法:

<script type="text/javascript" 
src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart'],'language':'ru'}]}">
</script>

2017年更新:

Chrome会显示此警告:

  ?

JSAPI自动加载= { '模块':[{ '名称': '可视化', '版本': '1', '包':[ 'corechart', '表'],'...:22   一个Parser-blocking,cross-origin脚本,   https://www.google.com/uds/api/visualization/1.0/84dc8f392c72d48b78b72f8a2e79c1a1/format+ru,default+ru,ui+ru,table+ru,corechart+ru.I.js,   通过document.write调用。如果,浏览器可能会阻止此操作   设备网络连接不良。看到   https://www.chromestatus.com/feature/5718547946799104了解更多信息   细节。 google.loader.f @   ?JSAPI自动加载= { '模块':[{ '名称': '可视化', '版本': '1', '包':[ 'corechart', '表'],'...:22   (匿名)@   ?JSAPI自动加载= { '模块':[{ '名称': '可视化', '版本': '1', '包':[ 'corechart', '表'],'...:54

答案 1 :(得分:1)

我也试图找到它 - 我所有的搜索都表明没有办法直接链接图表API(这是一种耻辱)。我最终最终使用了图表图表API: https://developers.google.com/chart/image/