如何在地理图表中显示多个区域答案

【问题标题】：How to display multiple regions in Geo Chart如何在地理图表中显示多个区域
【发布时间】：2011-11-12 19:50:53
【问题描述】：

我为欧盟成员国制作了一个可视化数据的 Google 地理图表，但不知道如何只显示欧洲地区，而不是显示整个世界地图。

在 Google 指南中，它说它有以下字符串：154 -（北欧）、155 -（西欧）、039 -（南欧），但列表中没有中欧/东欧，所以我认为最好使用 ISO-3166 代码。

如果有人能帮忙修改以下代码，我将不胜感激！

   function drawVisualization() {
    var data = new google.visualization.DataTable();
    data.addRows(24);
    data.addColumn('string', 'Country');
    data.addColumn('number', 'Inability to heat home');
    data.setValue(0, 0, 'Austria');
    data.setValue(0, 1, 5);
    data.setValue(1, 0, 'Belgium');
    data.setValue(1, 1, 7);
    data.setValue(2, 0, 'Bulgaria');
    data.setValue(2, 1, 32);
    data.setValue(3, 0, 'Cyprus');
    data.setValue(3, 1, 31);
    data.setValue(4, 0, 'Czech Republic');
    data.setValue(4, 1, 7);
    data.setValue(5, 0, 'Estonia');
    data.setValue(5, 1, 1);
    data.setValue(6, 0, 'Finland');
    data.setValue(6, 1, 2);
    data.setValue(7, 0, 'Germany');
    data.setValue(7, 1, 7);
    data.setValue(8, 0, 'Greece');
    data.setValue(8, 1, 16);
    data.setValue(9, 0, 'Hungary');
    data.setValue(9, 1, 11);
    data.setValue(10, 0, 'Ireland');
    data.setValue(10, 1, 4);
    data.setValue(11, 0, 'Italy');
    data.setValue(11, 1, 11);
    data.setValue(12, 0, 'Latvia');
    data.setValue(12, 1, 19);
    data.setValue(13, 0, 'Lithuania');
    data.setValue(13, 1, 25);
    data.setValue(14, 0, 'Luxembourg');
    data.setValue(14, 1, 1);
    data.setValue(15, 0, 'Netherlands');
    data.setValue(15, 1, 2);
    data.setValue(16, 0, 'Poland');
    data.setValue(16, 1, 22); 
    data.setValue(17, 0, 'Portugal');
    data.setValue(17, 1, 35);
    data.setValue(18, 0, 'Romania');
    data.setValue(18, 1, 26);
    data.setValue(19, 0, 'Slovakia');
    data.setValue(19, 1, 6);
    data.setValue(20, 0, 'Slovenia');
    data.setValue(20, 1, 7);
    data.setValue(21, 0, 'Spain');
    data.setValue(21, 1, 5);
    data.setValue(22, 0, 'Sweden');
    data.setValue(22, 1, 2);
    data.setValue(23, 0, 'United Kingdom');
    data.setValue(23, 1, 6);

    var geochart = new google.visualization.GeoChart(
      document.getElementById('visualization'));
    geochart.draw(data, {width: 556, height: 347});
    }

【问题讨论】：

标签： google-geocoding-api

【解决方案1】：

尝试添加此代码：

var options = {

   displayMode: 'regions',
   region: '150'       

  };

进入您的可视化功能。区域 '150' 是欧洲。

【讨论】：

【解决方案2】：

我强烈建议查看 jVectorMap 地图http://jvectormap.com/ 我遇到了一堆关于谷歌地理地图的问题，特别是在 Ie7 中的兼容性。 jvector map 包含一张欧洲地图，超级容易实现，更像是一个jquery插件。唯一的限制是除了欧洲、美国和德国之外，您没有独立于世界的世界区域

【讨论】：