谷歌 jsapi 不加载在 Drupal 7

Question

我正在 Drupal 7 中开发。我创建了一个自定义模块，其中包含我想使用 google jsapi 添加图表的报告。 我称之为 api：

drupal_add_js('https://www.google.com/jsapi');

然后在 mymodule.js 中使用了下一个 dummy js：

google.load("visualization", "1", {packages:["corechart"]});
 google.setOnLoadCallback(drawChart);
 function drawChart() {
   var data = google.visualization.arrayToDataTable([
     ['Task', 'Hours per Day'],
     ['Work',     1],
     ['Eat',      2],
     ['Commute',  2],
     ['Watch TV', 2],
     ['Sleep',    7]
   ]);

   var options = {
     title: 'My Daily Activities',
     pieHole: 0.4,
   };

   var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
   chart.draw(data, options);
 }

这个假人进入 mymodule.admin.inc 中：

<div id="donutchart" style="width: 900px; height: 500px;"></div>

问题是当网站对 jsapi 收费时，所有网站都在继续收费，但什么也没有发生。

我一直在关注这个教程https://drupal.org/node/1808654。

希望有人能帮我解决这个问题，谢谢回复。

Answer 1

当包含外部托管的javascript文件时，需要在调用drupal_add_js函数时指定为external。当不指定此参数时，Drupal 将尝试将其加载到文件系统（不存在）上。

drupal_add_js('https://www.google.com/jsapi', 'external');

更新

您似乎遇到了blank page 问题。你能试试下面的javascript代码吗，我已经改变了回调定义，直接通过加载函数传递它。

google.load("visualization", "1", { 'callback': 'drawChart', packages: ["corechart"] });

function drawChart() {
   var data = google.visualization.arrayToDataTable([
     ['Task', 'Hours per Day'],
     ['Work',     1],
     ['Eat',      2],
     ['Commute',  2],
     ['Watch TV', 2],
     ['Sleep',    7]
   ]);

   var options = {
     title: 'My Daily Activities',
     pieHole: 0.4
   };

   var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
   chart.draw(data, options);
}