マウス操作で地図をズームできるようにする

説明

マウス操作で地図をズームできるようにするにはsetMouseMode("zoom")を使います。特にモードを設定しない場合、このズームモードになっています。

サンプルプログラム

<!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"><!--
function app_main(){
top.map.openMap("http://cyberjapan.jp/japan0.htm");
top.map.setMapCenter(137.95340448617935, 36.114983812119554, 18000);
top.map.openMap();
top.map.setMouseMode("zoom");
}
// --></script>
</head>
<body>
<h1>マウス操作で地図をズーム</h1>
<p>地図をクリック/ドラッグして拡大させることができます。</p>
<iframe name="map" src="./map.html" width="640" height="480"></iframe>
</body>
</html>
サンプルを実行
[戻る]