如何使用地理图表将区域显示为不同的颜色？

Question

我必须将佛罗里达州的每个地区显示为不同的颜色。我使用geocharts 表示。

众所周知，佛罗里达州分为 6 个地区（见下文）。每个地区都有县。每个县都有市。每个城市都有社区。​​p>

我已经尝试了下面的代码，但没有任何反应。

google.charts.load('current', {
    'packages': ['geochart']
});
google.charts.setOnLoadCallback(drawRegionsMap);

function drawRegionsMap() {
    var data = google.visualization.arrayToDataTable([
                ['State', 'Passed Legislation'],
                ['FL-BAY', 1], ['FL-GULF', 0]
            ]);

    var options = {
        region: 'US-FL', // US
        colorAxis: {
            colors: ['#ffcccc', '#99ff66']
        },
        backgroundColor: '#ffffff',

        datalessRegionColor: '#f2f2f2',
        defaultColor: '#f5f5f5',
    };
    options['resolution'] = 'provinces';

    var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
    chart.draw(data, options);
};

Fiddle 可用here

谁能告诉我如何将 BAY, GULF 写成可视化数据？

Answer 1

使用 KML 层，我们也可以这样做。 我从source which has KML data检索了各个城市的数据

           var ctaLayer1 = new google.maps.KmlLayer({
                url: 'https://rdmedialabs.com/PGT/assets/kml_layer.kml?1',
                map: map,
                clickable: false,
            });