Как вы можете отобразить цвет провинций по умолчанию при инициализации геокарты? Каждый округ штата Нью-Йорк должен иметь свой собственный цвет при инициализации. Вместо этого карта меняет цвет при наведении курсора на регион. JS Fiddle
Я использовал следующие параметры, которые не работают с resolution: 'provinces'
:
var options = {
region: 'US-NY',
resolution: 'provinces',
colorAxis: {colors: ['#00853f', 'black', '#e31b23']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#f8bbd0',
defaultColor: '#f5f5f5',
};
Весь код:
html,
body,
#regions_div {
width: 100%;
height: 100%;
}
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {
'packages': ['geochart'],
'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
});
google.charts.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['US-NY', 'Popularity'],
["Orleans County,New York,United States", 75],
["Sullivan County,New York,United States", 74],
["Erie County,New York,United States", 73],
["Dutchess County,New York,United States", 59],
["Cayuga County,New York,United States", 57],
["Greene County,New York,United States", 54],
["Schenectady County,New York,United States", 54],
["Oswego County,New York,United States", 53],
["Wayne County,New York,United States", 52],
["Chemung County,New York,United States", 48],
["Steuben County,New York,United States", 25],
["Jefferson County,New York,United States", 23],
["Schuyler County,New York,United States", 22],
["Washington County,New York,United States", 22],
["Nassau County,New York,United States", 22],
["Tioga County,New York,United States", 22],
["Essex County,New York,United States", 17],
["Rockland County,New York,United States", 16],
["Franklin County,New York,United States", 11],
["Hamilton County,New York,United States", 1],
]);
var options = {
region: 'US-NY',
resolution: 'provinces',
colorAxis: {colors: ['#00853f', 'black', '#e31b23']},
backgroundColor: '#81d4fa',
datalessRegionColor: '#f8bbd0',
defaultColor: '#f5f5f5',
};
var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
chart.draw(data, options);
}
</script>
<div id="regions_div"></div>
JS Fiddle (Примечание: вам необходимо добавить свой собственный ключ API)