Question

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

Hello world

，网页会显示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>

Answer 1

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

带有Google应用脚本的Html。

1 个答案: