如何使用javascript将google.visualization.GeoChart绘制为多边形的国家城市或小镇?

时间:2019-06-21 08:47:07

标签: javascript dictionary

我的任务是在Google geochart上渲染具有特定颜色的小城市/城镇。我阅读了有关地理图表here的文章。我尝试使用国家或州的ISO3166-2地方代码。我在Wikipedia上找到了这些代码。

现在,要渲染小城市/城镇,我找不到ISO3166-2地方代码。是否可以使用geochart绘制小镇?我可以在任何网站上获得区号吗?

fiddle

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="regions_div" style="width: 900px; height: 500px;"></div>


google.charts.load('current', {
    'packages':['geochart'],
    'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
});
google.charts.setOnLoadCallback(drawRegionsMap);

function drawRegionsMap() {
    var data = google.visualization.arrayToDataTable([
        ['city', 'Popularity'],
        ['Maharashtra',50], // IN-MH
        ['Delhi',10], // IN-DL
        ['Madhya Pradesh',75], //IN-MP
        ['Rajasthan',20], // IN-RJ
        ['Uttar Pradesh',80] // IN-UP
        ]);

    var options = {     region: 'IN', // india
            displayMode: 'regions',
            resolution: 'provinces',};

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

    chart.draw(data, options);
}

0 个答案:

没有答案