このコードは、Google Geomap APIを使用して地図を描画します
<script type="text/javascript">
google.setOnLoadCallback(drawMap);
function drawMap() {
var data = new google.visualization.DataTable();
data.addColumn('string','iso'); //e.g.: mx
data.addColumn('number','population'); //e.g.: 114
data.addRows([["mx",114],["ec",14],["ve",28]]);
var options = {
region: '005',
width: '511px',
height: '280px',
showLegend: true
};
var geomap = new google.visualization.GeoMap(document.getElementById('map'));
geomap.draw(data,options);
};
</script>
デフォルトで選択されている地域は 005 (南アメリカ) です。これらは他の利用可能な地域です:
- 013 - (中央アメリカ)
- 150 - (ヨーロッパ)
既に描画された地図の領域を動的に変更するにはどうすればよいですか? このようなもの:
<a href="javascript:void(null);" onclick="changeRegion(150);">Europe</a>
マップを再描画する必要があることはわかっていますが、領域プロパティの変更手順で行き詰まっています。どんなアイデアでも役に立ちます。ありがとう!