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

时间:2011-11-12 19:50:53

标签: google-geocoding-api

我已经为欧盟成员国制作了一个谷歌地理图表可视化数据,但无法弄清楚如何只显示欧洲地区,而不是显示整个世界地图。

在谷歌指南中它说它有以下字符串: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});
    }

2 个答案:

答案 0 :(得分:3)

尝试添加此代码:

var options = {

   displayMode: 'regions',
   region: '150'       

  };

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

答案 1 :(得分:1)

我强烈建议查看jVectorMap地图http://jvectormap.com/ 我在谷歌地理地图中遇到了一系列问题,特别是在Ie7中的兼容性。 Jvector地图包含一张欧洲地图,非常容易实现,更像是一个jquery插件。唯一的限制是除了欧洲,美国和德国之外,你没有世界独立的世界