0

我刚开始使用 Google Html 服务，但我似乎无法启动我的项目。我从谷歌示例中拼凑了这段代码，但我无法让它工作。在脚本文档中，我有 2 个文件，一个称为 Code.gs，另一个是 Map.html。当我将此脚本发布为 Web 应用程序然后运行它时，页面变为黑色。我知道它有点工作，因为如果我插入一个

你好世界

进入正文，网页显示Hello World。Bellow 分别是 Code.gs 和 Map.html 的代码 

function doGet() { 
  return HtmlService.createHtmlOutputFromFile('Map');
}

黑色的

<html>
  <head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
     google.load('visualization', '1', {'packages': ['geochart']});
     google.setOnLoadCallback(drawMarkersMap);

      function drawMarkersMap() {
      var data = google.visualization.arrayToDataTable([
        ['City',   'Population', 'Area'],
        ['Rome',      2761477,    1285.31],
        ['Milan',     1324110,    181.76],
        ['Naples',    959574,     117.27],
        ['Turin',     907563,     130.17],
        ['Palermo',   655875,     158.9],
        ['Genoa',     607906,     243.60],
        ['Bologna',   380181,     140.7],
        ['Florence',  371282,     102.41],
        ['Fiumicino', 67370,      213.44],
        ['Anzio',     52192,      43.43],
        ['Ciampino',  38262,      11]
      ]);

      var options = {
        region: 'IT',
        displayMode: 'markers',
        colorAxis: {colors: ['green', 'blue']}
      };

      var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    };
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>
4

1 回答 1

2

这是因为 caja 不支持您使用的库。Caja 是一个引擎，它将用于在向用户显示之前进行检查，目前它支持 JQuery 和 JQuery UI，https://developers.google.com/apps-script/html_service#Caja。因此，如果您想测试您的代码，您可能需要访问http://caja.appspot.com/并对其进行测试。

于 2012-08-23T18:44:43.603 回答