地図のスケールを変更する
説明
地図のスケールを変更するにはsetMapScale()にスケール値を指定します。値が小さいほど地面に近くなります。setMapScale()では値が設定されるだけで地図の表示は更新されません。このためopenMap()かredrawMap()を使って地図を再表示させる必要があります。
サンプルプログラム
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>電子国土（国土地理院）</title>
<script type="text/javascript"><!--
var sc = 11000; // スケール
function app_main(){
top.map.openMap("http://cyberjapan.jp/japan0.htm");
top.map.setMapCenter(137.95340448617935, 36.114983812119554, sc);
top.map.openMap();
}
function setMScale(n){
sc = sc + n;
top.map.setMapScale(sc);
top.map.openMap();
document.getElementById("scaleValue").innerHTML = "スケール値："+sc;
}
// --></script>
</head>
<body>
<h1>地図のスケールを指定</h1>
<p>塩尻市役所近辺が表示されます。</p>
<form>
<input type="button" value="表示範囲を小さく" onclick="setMScale(-10000)">
<input type="button" value="表示範囲を大きく" onclick="setMScale(10000)">
</form>
<div id="scaleValue"></div>
<iframe name="map" src="./map.html" width="640" height="480"></iframe>
</body>
</html>