Google api 使用Google GeogoArts API的GeogoArt美国各州_Google Api_Google Visualization

Google api 使用Google GeogoArts API的GeogoArt美国各州

google-api google-visualization

Google api 使用Google GeogoArts API的GeogoArt美国各州,google-api,google-visualization,Google Api,Google Visualization,我想制作一张美国各州地图除了，而不是多个国家，我只想呈现美国各州，类似于下面，我希望看到在鼠标悬停一些弹出文本时突出显示的各个状态。然而，我实际上只看到美国的灰色背景轮廓，没有明显的各州请提供完成任务的工作jsBin http://jsbin.com/jodesitoto/edit?html，输出 <!DOCTYPE html> <html> <head> <!---- > https://developers.goo

我想制作一张美国各州地图

除了，而不是多个国家，我只想呈现美国各州，类似于下面

，我希望看到在鼠标悬停一些弹出文本时突出显示的各个状态。然而，我实际上只看到美国的灰色背景轮廓，没有明显的各州

请提供完成任务的工作jsBin

http://jsbin.com/jodesitoto/edit?html，输出

<!DOCTYPE html>
<html>
  <head>
    <!---- >
    https://developers.google.com/chart/interactive/docs/gallery/geochart#full
    <!---->
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['geochart']});
      google.charts.setOnLoadCallback(drawRegionsMap);

      function drawRegionsMap() {

        var data = google.visualization.arrayToDataTable([
          ['State', 'Select'],
          ['US-AL', 0],
          ['US-AK', 0],
          ['US-AR', 0],
          ['US-AK', 0],
          ['US-AZ', 0],
          ['US-Colorado', 0],
          ['US-CO', 0],
          ['US-DE', 0],
          ['US-FL', 0],
          ['US-HI', 0],
          ['US-KS', 0],
          ['US-KY', 0],
          ['US-MI', 0],
          ['US-MO', 0],
          ['US-MS', 0],
          ['US-MT', 0],
          ['US-NE', 0],
          ['US-NJ', 0],
          ['US-NM', 0],
          ['US-NY', 0],
          ['US-OR', 0],
          ['US-PA', 0],
          ['US-TX', 0],
          ['US-UT', 0],
          ['US-VA', 0],
          ['US-WA', 0],
          ['US-WV', 0],
          ['US-WY', 0],
        ]);

        var options = {
          region: 'US',
          displayMode: 'regions',
        };

        var chart = new google.visualization.GeoChart(document.getElementById('geochart'));

        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="geochart" style="width: 900px; height: 500px;"></div>
  </body>
</html>


load（'current'，{'packages'：['geochart']}）；
google.charts.setOnLoadCallback（DrawRegionMap）；
函数drawRegionsMap（）{
var data=google.visualization.arrayToDataTable([
['State'，'Select']，
[US-AL'，0]，
[US-AK'，0]，
[US-AR'，0]，
[US-AK'，0]，
[US-AZ'，0]，
['US-Colorado'，0]，
[US-CO'，0]，
[US-DE'，0]，
[US-FL'，0]，
[US-HI'，0]，
[US-KS'，0]，
[US-KY'，0]，
[US-MI'，0]，
[US-MO'，0]，
[US-MS'，0]，
[US-MT'，0]，
[US-NE'，0]，
[US-NJ'，0]，
[US-NM'，0]，
[US-NY'，0]，
[US-OR'，0]，
[US-PA'，0]，
[US-TX'，0]，
[US-UT'，0]，
[US-VA'，0]，
[US-WA'，0]，
[US-WV'，0]，
[US-WY'，0]，
]);
变量选项={
地区:"美国",，
显示模式：“区域”，
};
var chart=new google.visualization.geograpart（document.getElementById（'geograpart'）；
图表绘制（数据、选项）；
}

向

选项

对象添加

分辨率：“省”

    var options = {
      region: 'US',
      displayMode: 'regions',
      resolution: 'provinces',
    };

有人能告诉我，如何在地图上显示州代码，如UT、WY、GA、CA等吗