Javascript 从电子表格中获取动态值

这有点超出我的能力，我想我只是错过了一个小细节。我正试图得到一张美国的热图（谷歌地图），根据谷歌电子表格中的数字进行动态更新

我有一个有效的例子

    <script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['geochart']}]}"></script>
    <div id="geochart-colors" style="width: 100%; height: 100%;"></div>

    <script type="text/javascript">
          google.setOnLoadCallback(drawRegionsMap);
          function drawRegionsMap() {
            var data = google.visualization.arrayToDataTable([
              ['State', 'Pledge'],
              ['Wyoming', 5],
              ['Alasak', 10],
              ['Arizona', 15],
              ['Nevada', 20],
              ['Colorado', 25],
              ['Algeria', 7],
              ['Algeria', 17],
              ['Idaho', 27],
              ['Algeria', 13],
              ['Montana', 3],
              ['Utah', 33],
              ['California', 30],
              ['Oregon', 27],
              ['Washington', 13],
              ['New Mexico', 10],
              ['Texas', 13],
              ['Kansas', 10]
            ]);

    var options = {
        region: 'US',
        displayMode: 'regions',
        resolution: 'provinces',
        colorAxis: {
          colors: ['#444444', '#f70000']
        },
        backgroundColor: '#222222',
        datalessRegionColor: '#333333',
        defaultColor: '#333333',
        legend: 'none'
      };
            var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
            chart.draw(data, options);
          };
    </script>

setOnLoadCallback（DrawRegionMap）；
函数drawRegionsMap（）{
var data=google.visualization.arrayToDataTable([
[“州”、“保证”]，
[Wyoming'，5]，
['Alasak'，10]，
[Arizona'，15]，
['Nevada'，20]，
['Colorado'，25]，
[‘阿尔及利亚’，7]，
[‘阿尔及利亚’，17]，
[爱达荷州，27]，
[‘阿尔及利亚’，13]，
['Montana'，3]，
[Utah'，33]，
[California'，30]，
[俄勒冈州，27]，
[Washington'，13]，
[‘新墨西哥州’，10]，
['Texas'，13]，
[堪萨斯州，10]
]);
变量选项={
地区:"美国",，
显示模式：“区域”，
决议：“各省”，
颜色轴：{
颜色：['#444444'，'#F7000']
},
背景颜色：“#2222222”，
datalessRegionColor:“#333333”，
defaultColor:“#333”，
图例：“无”
};
var chart=new google.visualization.geograpart（document.getElementById（'geograpart-colors'）；
图表绘制（数据、选项）；
};

但是，当我尝试切换GeoArt的源代码以从Google文档中提取时，不会弹出任何内容，如图所示

    <script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['geochart']}]}"></script>
    <div id="geochart-colors" style="width: 100%; height: 100%;"></div>
    <script type="text/javascript">

          google.setOnLoadCallback(drawRegionsMap);

          function drawRegionsMap() {
            var query = google.visualization.Query('https://docs.google.com/spreadsheets/d/1FxR8f6JujykDpNW1HOZPQoGV3h73e42dpfDCVvOlXdY&sheet=ByState&range=A1:B51&headers=1');

            query.setQuery('select A,B');
            query.send(handleQueryResponseTR);
            function handleQueryResponseTR(response) {
                    if (response.isError()) {
                        alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
                    return;
                }

            var options = {
              region: 'US',
              displayMode: 'regions',
              resolution: 'provinces',
              colorAxis: {
                colors: ['#444444', '#f70000']
              },
              backgroundColor: '#222222',
              datalessRegionColor: '#333333',
              defaultColor: '#333333',
              legend: 'none'
            };

            var data = response.getDataTable();
            var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
            chart.draw(data, options);
          };
    </script>

setOnLoadCallback（DrawRegionMap）；
函数drawRegionsMap（）{
var query=google.visualization.query（'https://docs.google.com/spreadsheets/d/1FxR8f6JujykDpNW1HOZPQoGV3h73e42dpfDCVvOlXdY&sheet=ByState&range=A1:B51&headers=1');
setQuery（'selecta，B'）；
send（handleQueryResponseTR）；
函数handleQueryResponseTR（响应）{
if（response.isError（））{
警报（'查询中的错误：'+response.getMessage（）+'+response.getDetailedMessage（））；
返回；
}
变量选项={
地区:"美国",，
显示模式：“区域”，
决议：“各省”，
颜色轴：{
颜色：['#444444'，'#F7000']
},
背景颜色：“#2222222”，
datalessRegionColor:“#333333”，
defaultColor:“#333”，
图例：“无”
};
var data=response.getDataTable（）；
var chart=new google.visualization.geograpart（document.getElementById（'geograpart-colors'）；
图表绘制（数据、选项）；
};

我不知道我遗漏了什么。这是我迄今为止构建的所有内容的基础：

您有几个问题--查询不正确，因为需要将gid设置为进入第2页，而您没有使用“新建”关键字。注意在gid上，导航到在线电子表格并选择所需的工作表，使用URL，不要尝试使用工作表查询选择器。它不起作用

我以前做过，示例页面如下：

这是我根据您的创建的一个提琴（我添加了一个表以查看检索到的数据）：

结果是：

---

谢谢凯文，你是个巫师。

google.setOnLoadCallback(drawRegionsMap);

  function drawRegionsMap() {
    var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1FxR8f6JujykDpNW1HOZPQoGV3h73e42dpfDCVvOlXdY/edit?gid=143931468&headers=1&range=A1:B51');
    //query.setQuery('select A,B');
    query.send(handleQueryResponseTR);
    }
    function handleQueryResponseTR(response) {
            if (response.isError()) {
                alert('Error in query: ' + response.getMessage() + ' ' +            response.getDetailedMessage());
            return;
        }

    var options = {
      region: 'US',
      displayMode: 'regions',
      resolution: 'provinces',
      colorAxis: {
        colors: ['#444444', '#f70000']
      },
      backgroundColor: '#222222',
      datalessRegionColor: '#333333',
      defaultColor: '#333333',
      legend: 'none'
    };

    var data = response.getDataTable();

    var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
    var table = new google.visualization.Table(document.getElementById('table_div'));

    chart.draw(data, options);
        table.draw(data, {
    width: '100%', height: '100%'
});
  };