VEMap.Pan メソッド
2D モードの場合に、指定された量だけマップを移動します。
構文
VEMap.Pan(deltaX, deltaY);
パラメータ
パラメータ | 説明 |
---|---|
deltaX |
水平方向のマップの移動量です (ピクセル単位)。 |
deltaY |
垂直方向のマップの移動量です (ピクセル単位)。 |
解説
Pan メソッドは、2D モードのマップにのみ適用されます。3D モードのマップを使用している場合は、VEMap.StartContinuousPan メソッドと VEMap.EndContinuousPan メソッドを使用します。
deltaX パラメータの値がマップ ビューの幅の値よりも大きい場合、または deltaY パラメータの値がマップ ビューの高さの値よりも大きい場合には、緩やかなパンではなく急激なパンが発生します。急激なパンの結果、世界地図の境界の 1 つを越えてマップのパンが発生する場合には、マップのズーム レベルが 1 になり、世界地図全体が表示されます。
例
<!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.SetZoomLevel(9);
}
function PanXY()
{
if ((txtX.value != "" && txtY.value != "") && (!isNaN(txtX.value) && !isNaN(txtY.value)))
{
map.Pan(txtX.value, txtY.value);
}
else
{
alert("有効な数値を入力してください。");
}
}
function PanLL()
{
if ((txtLat.value != "" && txtLong.value != "") && (!isNaN(txtLat.value) && !isNaN(txtLong.value)))
{
var latLong = new VELatLong(txtLat.value, txtLong.value);
map.PanToLatLong(latLong);
}
else
{
alert("有効な緯度または経度の値を入力してください。");
}
}
</script>
</head>
<body onload="GetMap();" style="font-family:MS PGothic">
<div id='myMap' style="position:relative; width:400px; height:400px;">
</div>
ピクセル X:
<input id="txtX" style="width:50px" value="100" /> | ピクセル
Y:
<input id="txtY" style="width:50px" value="100" />
<input id="btnPanXY" type="button" value="X/Y へパン" name="btnPanXY" onclick="PanXY()" />
<br />
緯度:
<input id="txtLat" value="41.677014822032184" /> | 経度:
<input id="txtLong" value="-83.5400390625" />
<input id="btnPanLL" type="button" value="緯度/経度へパン" name="btnPanLL" onclick="PanLL()" />
</body>
</html>