Google GeoChart不支持州级别的displayMode到地区

Question

Google GeoChart不支持州级别的displayMode到地区

Suk*_*aul 3 geolocation google-visualization

我正在构建一个简单的应用程序,它将根据州名来标记印度的州.

所以,我开始尝试以下示例.

如果我设置了它,displayMode : 'markers'但是根据他们的文档,状态可以显示为区域.

但是,它不起作用.难道我做错了什么？

<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([
        ['State'],
        ['West Bengal'],
      ]);

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

      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>

Run Code Online (Sandbox Code Playgroud)

Answer 1

jma*_*mac 6

您需要将选项设置为 resolution: 'provinces'

这是代码(工作):

<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([
        ['State', 'Data'],
        ['West Bengal', 5],
      ]);

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

      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>

Run Code Online (Sandbox Code Playgroud)

归档时间：	12 年，6 月前
查看次数：	5749 次
最近记录：	12 年，6 月前