【问题标题】:Setting up Google Geomap visualization for Italy regions为意大利地区设置 Google Geomap 可视化
【发布时间】:2011-04-14 18:38:01
【问题描述】:

我正在尝试为意大利的区域设置地理地图可视化,但如果我使用区域而不是我的 dataMode 选项的标记,它就不起作用。我显然才刚刚开始学习如何使用这个 API,提前谢谢你。

function drawVisualization() {
      var data = new google.visualization.DataTable();
      data.addRows(2);
      data.addColumn('string', 'Region');
      data.addColumn('number', 'Popularity');
      data.setValue(0, 0, 'Tuscany');
      data.setValue(0, 1, 200);
      data.setValue(1, 0, 'Verona');
      data.setValue(1, 1, 300);

      var options = {};
      options['region'] = 'IT';
      options['colors'] = [0xFF0000, 0xc06000];
      options['dataMode'] = 'markers';

      var geomap = new google.visualization.GeoMap(
          document.getElementById('visualization'));
      geomap.draw(data, options);
    }

【问题讨论】:

  • 或许在jsfiddle.net上设置一个例子让我们看看。
  • 我没有使用合适的区域名称。例如,当使用“Tuscany”时,我打算使用“Toscana”,甚至“IT-52”也可以。
  • 好的。也许你应该在这里回答你自己的问题,如果你认为它对其他人没有用,甚至删除它。
  • 我明天再回答,我已经试过了,但我想我得等24小时。
  • 哦,好的。我不知道有这个规则。

标签: javascript google-visualization geomap


【解决方案1】:
function drawMap() {
    var data = new google.visualization.DataTable();
    data.addRows(6);
    data.addColumn('string', 'Country');
    data.addColumn('number', 'Popularity');
    data.setValue(0, 0, 'Lombardia');
    data.setValue(0, 1, 200);
    data.setValue(1, 0, 'Campania');
    data.setValue(1, 1, 300);
    data.setValue(2, 0, 'Lazio');
    data.setValue(2, 1, 400);
    data.setValue(3, 0, 'Toscana');
    data.setValue(3, 1, 500);
    data.setValue(4, 0, 'Sicilia');
    data.setValue(4, 1, 600);
    data.setValue(5, 0, 'Veneto');
    data.setValue(5, 1, 700);

    var options = {};
    options['dataMode'] = 'regions';
    options['region'] = 'IT';
    var container = document.getElementById('map_canvas');
    var geomap = new google.visualization.GeoMap(container);
    geomap.draw(data, options);
}; 

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-10-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-24
    相关资源
    最近更新 更多