[google map]地図の縮尺まで追加可能

APIを読んでいたら、地図の縮尺まで、追加可能と書かれていました。

var map = new GMap2(document.getElementById("map"));
map.addControl(new GScaleControl());

via:Google マップ API

実装します！！

<DIV  id="map_7"  style="width:350px;  height:350px"></DIV> <SCRIPT  type="text/javascript">     var  map7  =  new  GMap2(document.getElementById("map_7"));     map7.setCenter(new  GLatLng(35.45492,  139.631445),  13);     //  地図の縮尺を表示     map7.addControl(new  GScaleControl()); </SCRIPT>

実行結果は下になりました。

確かに地図左下に縮尺が表示されました。

さらに、ドラッグ/ズームコントロールを装備すると、地図の縮尺が変更すると同時に
縮尺表示も変更されます。

試しにソースを下に貼り付けました。

<DIV  id="map_8"  style="width:  450px;  height:  450px"></DIV> <SCRIPT  type="text/javascript">   var  map8  =  new  GMap2(document.getElementById("map_8"));   map8.setCenter(new  GLatLng(35.45492,  139.631445),  13);   //  地図の縮尺を表示   map8.addControl(new  GScaleControl());   //  ドラッグ/ズームコントロールを追加   map8.addControl(new  GLargeMapControl()); </SCRIPT>

実行結果は、下になります。

地図の大きさを変更すると縮尺表示も変更されました。

ドラッグ/ズームコントロールを追加することにより、現時点でどれぐらいの縮尺図で地図をみているのか判断するには便利だと思いました。