Geochart API tryout - NZ crop
HTML
<script src="http://www.google.com/jsapi?fake=.js"></script>
<div id="map_canvas"><div id="visualization"></div></div>
CSS
#map_canvas {
width:1200px;
height:800px;
overflow:hidden;
}
#map_canvas #visualization {
margin-top:-25px;
margin-left:-120px;
}
JavaScript
google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawVisualization);
function drawVisualization() {
var data = google.visualization.arrayToDataTable([
['Region', 'Number'],
['NZ', 200]
]);
var geochart = new google.visualization.GeoChart(
document.getElementById('visualization'));
geochart.draw(data, {
region:'NZ',
resolution:'countries',
width: '500',
legend: 'none'
});
}