用谷歌地圖繪製選舉數據

Question

我需要在Google地理地圖圖表中映射最後委內瑞拉總統選舉的結果。

我試圖把兩個市長候選人的結果放在同一個圖表，但似乎谷歌圖表是無法做到這一點。

我試圖重現的例子表明，在Google Code Playground 使用選項options['region'] = 'VE';來設定界限映射到我的國家和我區ISO 3166城市代碼，但還是老樣子無法顯示在同一地圖上兩組數據。這是我使用的Data。

的樣本數據是：

function drawVisualization() { 
    var data_candidate_a = google.visualization.arrayToDataTable([ 
      ['Ciudad', 'Result','Label'], 
      ['VE-A', 200,'CARACAS'], 
      ['VE-B', 300,'AMAZONAS'], 
      ['VE-C', 400,'BOLIVAR'], 
      ['VE-C', 500,'BARINAS'], 
      ['VE-D', 600,'ANZOATEGUI'], 
      ['VE-E', 700,'MIRANDA'] 
      ]); 

    var data_candidate_b = google.visualization.arrayToDataTable([ 
       ['Ciudad', 'Result','Label'], 
       ['VE-A', 100,'CARACAS'], 
       ['VE-B', 150,'AMAZONAS'], 
       ['VE-C', 200,'BOLIVAR'], 
       ['VE-C', 600,'BARINAS'], 
       ['VE-D', 300,'ANZOATEGUI'], 
       ['VE-E', 800,'MIRANDA'] 
       ]); 

    var geomap = new google.visualization.GeoMap(
     document.getElementById('visualization')); 
    var options = {}; 
    options["region"] = "VE"; 
    geomap.draw(data_candidate_a, options); 
} 

Answer 1

問題＃1：你不能有一個「標籤」列在圖表上 - 谷歌不喜歡它。

解決方案＃1：使用{v: 'value', f: 'format'}技巧在鼠標懸停（列C標籤）上顯示城市名稱。

問題2：您沒有顯示州級邊界。

解決方案2：您需要添加一個選項resolution: 'provinces'

我已經重新創建圖表的下方（使用GeoChart而不是GEOMAP的工作版本，它很可能會爲GEOMAP工作過，但GeoChart是通常更容易，因爲它不使用閃光燈）：

function drawVisualization() { 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Ciudad'); 
    data.addColumn('number', 'result'); 
    data.addRows([ 
    [{v: 'VE-A', f: 'CARACAS'}, 200], 
    [{v: 'VE-B', f: 'AMAZONAS'}, 300], 
    [{v: 'VE-C', f: 'BOLIVAR'}, 400], 
    [{v: 'VE-C', f: 'BARINAS'}, 500], 
    [{v: 'VE-D', f: 'ANZOATEGUI'}, 600], 
    [{v: 'VE-E', f: 'MIRANDA'}, 700] 
    ]); 

    var geochart = new google.visualization.GeoChart(
     document.getElementById('visualization')); 

    var options = { 
    region: "VE", 
    resolution: "provinces" 
    }; 

    geochart.draw(data, options); 
}