Регион Geochart область Америка

Question

Я учусь использовать инструменты Google Geochart я хочу, чтобы воссоздать карту как этот:

https://docs.google.com/spreadsheets/d/171U4NeI_49iacbhzlX0A8nT6aB9N4guc6VWsELmP6wI/pubchart?oid=1478243202&format=interactive

Мой код заключается в следующем:

google.setOnLoadCallback(drawRegionsMap); 

    function drawRegionsMap() { 

     var data = google.visualization.arrayToDataTable([ 
      ['States', 'Number of killings'], 
      ['California', 292], 
      ['Texas', 143], 
      ['Washington', 120] 
     ]); 

     var options = { 
      region: 'US' 
     }; 

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

     chart.draw(data, options); 
    } 

Я могу o видеть карту, но я не вижу разделение состояния или цвет, который я использую http://jsfiddle.net, я уверен, что это очень простая ошибка, но я не могу ее найти.

Answer 1

Добавить {resolution: provinces}:

рабочий фрагмент кода:

google.setOnLoadCallback(drawRegionsMap); 
 
google.load('visualization', '1', { 
 
    packages: ['map'] 
 
}); 
 

 
function drawRegionsMap() { 
 

 
    var data = google.visualization.arrayToDataTable([ 
 
    ['States', 'Number of killings'], 
 
    ['California', 292], 
 
    ['Texas', 143], 
 
    ['Washington', 120] 
 
    ]); 
 

 
    var options = { 
 
    region: 'US', 
 
    resolution: 'provinces' 
 
    }; 
 

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

 
    chart.draw(data, options); 
 
}

<script src="https://www.google.com/jsapi"></script> 
 
<div> 
 
    <div id="regions_div" style="width: 500px; height: 400px;"></div> 
 
</div>