2011-11-12 49 views
1

我製作了一份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}); 
    } 

回答

1

我會強烈建議尋找到jVectorMap地圖http://jvectormap.com/ 我遇到了與谷歌的地理與IE7兼容專門地圖一堆問題。 Jvector地圖包含歐洲地圖,非常容易實現,更像是一個jQuery插件。唯一的限制是,你沒有獨立的世界的regios來自全球除歐洲,美國和德國

3

嘗試添加以下代碼:

var options = { 

    displayMode: 'regions', 
    region: '150'  

    }; 

到您的可視化功能。 '150'地區是歐洲。

相關問題