7

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>

或使用静态<script src="...">标签：

<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>

请问谷歌图表API也有第二种方式吗？

对我来说只有这种方法有效：

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

但我找不到第二种方式的 URL。

而且我更愿意静态地包含 Google 图表 API，因为它对我来说看起来更简单，而且因为我目前的 DataTables.net 问题。

当我使用 Google Chrome 控制台查看资源时，我可以看到类似的地址

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

但我认为这是一个临时的，可能会过期......

4

2 回答 2

16

我找到了一个自动加载的解决方法：

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

2017 年更新：

Chrome 会显示此警告：

jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart','table'],'...:22 解析器阻塞，跨域脚本 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?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart','table'],'...: 22（匿名）@jsapi?autoload={'modules':[{'name':

于 2012-04-21T14:05:41.213 回答
2

我也试图找出这一点——我所有的搜索都表明无法直接链接图表 API（这很遗憾）。我最终改用了图像图表 API： https ://developers.google.com/chart/image/

于 2012-04-07T03:20:13.470 回答