0

Google Htmlサービスをいじり始めたばかりですが、プロジェクトを軌道に乗せることができないようです。Googleの例からこのコードをつなぎ合わせましたが、機能させることができません。スクリプトドキュメントには2つのファイルがあり、1つはCode.gsと呼ばれ、もう1つはMap.htmlと呼ばれます。このスクリプトをWebアプリとして公開して実行すると、ページが真っ暗になります。私が挿入した場合、私はそれがちょっと働いていることを知っています

こんにちは世界

本文に、WebページにHelloWorldが表示されます。以下は、それぞれ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 に答える