VEMap.Resize メソッド

  • [アーティクル]

指定された幅と高さに基づいてマップのサイズを変更します。

構文

VEMap.Resize(width, height);

パラメータ

パラメータ 説明

width

マップのピクセル単位の幅です (任意指定)。

height

マップのピクセル単位の高さです (任意指定)。

解説

パラメータを指定しないでこのメソッドを呼び出した場合、マップは DIV 要素の領域全体に合わせてサイズ変更されます。

このメソッドによって VEMap.onresize イベントが発生します。

例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1"></script>

<script type="text/javascript">
var map = null;
 
function GetMap()
         {
map = new VEMap('myMap');
map.LoadMap();

map.AttachEvent("onresize", OnResize);
         }   
     
function ResizeMap()
         {
if ((txtWidth.value != "" && txtHeight.value != "") && (!isNaN(txtWidth.value) && !isNaN(txtHeight.value)))
            {
map.Resize(txtWidth.value, txtHeight.value);
myMap.style.width = txtWidth.value + "px";
myMap.style.height = txtHeight.value + "px";
            }
else
            {
alert("有効な数値を入力してください。");
            }
         }
     
function OnResize(e)
         {
alert(e.eventName + " が呼び出されました。");
return 0;
         }
</script>
</head>
<body onload="GetMap();" style="font-family:MS PGothic">
<div id='myMap' style="position:relative; width:400px; height:400px;"></div>
幅:<input id="txtWidth" type="text" value="400" style="width:50px" /> ピクセル | 
高さ:<input id="txtHeight" type="text" value="400" style="width:50px" /> ピクセル 
<input id="btnResize" type="button" value="マップのサイズ変更" name="btnResize" onclick="ResizeMap()">
</body>
</html>