2013-05-19 4 views
1

Im пытается отобразить некоторые цифры, используя GeoChart для Малайзии. Карта, прекрасно работающая, если отображает ее на карте мира. Но когда сверлятся на карту Малайзии, GeoChart не может отображать значение для состояния.Google GeoChart не работает с малайзийской картой

Я что-то упустил?

<html> 
<head> 
<script type='text/javascript' src='https://www.google.com/jsapi'></script> 
<script type='text/javascript'> 
google.load('visualization', '1', {'packages': ['geochart']}); 
google.setOnLoadCallback(drawMarkersMap); 

    function drawMarkersMap() { 
    var data = google.visualization.arrayToDataTable([ 
    ['State', 'Data'], 
    ['Kedah', 5], 
    ]); 

    var options = { 
    region: 'MY', 
    displayMode: 'regions', 
    resolution: 'provinces', 
    }; 

    var chart = new google.visualization.GeoChart(document.getElementById('chart_div')); 
    chart.draw(data, options); 
}; 
</script> 
</head> 
<body> 
<div id="chart_div" style="width: 900px; height: 500px;"></div> 
</body> 
</html>​ 

ответ

2

Я не достаточно хорошо знаком с названиями провинций Малайзии, чтобы точно знать, как Google сделает их, но я был в состоянии цвет провинций Малайзии со следующим кодом:

function drawVisualization() { 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'State'); 
    data.addColumn('number', 'Data'); 
    data.addRows([ 
    [{v:'MY-14', f:' Wilayah Persekutuan Kuala Lumpur'}, 42], 
    [{v:'MY-15', f:' Wilayah Persekutuan Labuan'}, 57], 
    [{v:'MY-16', f:' Wilayah Persekutuan Putrajaya'}, 38], 
    [{v:'MY-01', f:' Johor'}, 82], 
    [{v:'MY-02', f:' Kedah'}, 46], 
    [{v:'MY-03', f:' Kelantan'}, 51], 
    [{v:'MY-04', f:' Melaka'}, 72], 
    [{v:'MY-05', f:' Negeri Sembilan'}, 16], 
    [{v:'MY-06', f:' Pahang'}, 2], 
    [{v:'MY-08', f:' Perak'}, 87], 
    [{v:'MY-09', f:' Perlis'}, 29], 
    [{v:'MY-07', f:' Pulau Pinang'}, 49], 
    [{v:'MY-12', f:' Sabah'}, 26], 
    [{v:'MY-13', f:' Sarawak'}, 94], 
    [{v:'MY-10', f:' Selangor'}, 35], 
    [{v:'MY-11', f:' Terengganu'}, 79], 
    ]); 

    var options = { 
    region: 'MY', 
    displayMode: 'regions', 
    resolution: 'provinces', 
    height: 600, 
    width: 800, 
    }; 


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

Всякий раз, когда вы используете Google GeoCharts на уровне провинции, мне нравится использовать ISO-3166 alpha-2 province codes for that country, так как они всегда будут работать, а затем я использую трюк {value: 'ISO 3166 alpha-2 code', format: 'human readable province name'}, чтобы он отображался правильно.

Смежные вопросы