Компания Google GeoChart не работаю на государственном уровне С то displaymode в регионы
Я создаю простое приложение, которое будет отмечать Штаты в Индии в зависимости от названия штата.
Итак, я начал с экспериментов в качестве следующего примера.Хорошо работает, если я задаю displayMode : 'markers'
, но в соответствии с их документацией состояния могут отображаться как области.
Но, это не работает. Я делаю что-то не так?
<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'],
['West Bengal'],
]);
var options = {
region: 'IN',
displayMode: 'regions',
};
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>
1 ответ:
Вам нужно установить параметры в
resolution: 'provinces'
Вот код (рабочий):
<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'], ['West Bengal', 5], ]); var options = { region: 'IN', 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>