Google MapsのことならCONFRAGEへ！
株式会社CONFRAGEでは、在宅就労支援、トライアル雇用を行っております。
LAMP,LAPP系が得意な方、是非お待ちしております。
マップのズームレベルを指定
| 目次 |
|---|
|
・マップのズームレベルを指定 ・サンプルソース ・実行例 |
マップのズームレベルを指定
マップのズームレベルを指定は、地図を指定した倍率で表示させます。0?19までの値を指定できます。19が最大、0が最小になります。
setZoom()の引数にズームレベルを指定する事でズームイン、ズームアウトができます。
サンプルソース
<script type="text/javascript">
//<![CDATA[
window.onload = function() {
map = new GMap2(document.getElementById("gmap"));
map.setCenter(new GLatLng(37, 138), 6);
map.addControl(new GLargeMapControl());
}
function onzoom() {
level=(document.forms[0].elements["zoom"].value);
map.setZoom(parseInt(level));
}
//]]>
</script>
</head>
<body>
<div id="gmap" style="width: 500px; height: 400px"></div>
<form>
<select name="zoom" onchange="onzoom()">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
</select>
</form>
</body>
実行例
以下、実行例です。
Information
