VEMap.LoadMap メソッド
指定されたマップを読み込みます。パラメータはすべて任意指定です。
構文
VEMap.LoadMap(VELatLong, zoom, style, fixed, mode, showSwitch, tileBuffer, mapOptions);
パラメータ
パラメータ | 説明 |
---|---|
VELatLong |
マップの中心を表す VELatLong クラス オブジェクトです (任意指定)。 |
zoom |
表示するズーム レベルです。有効な値の範囲は 1 ~ 19 です (任意指定)。既定値は 4 です。 |
Style |
マップ スタイルを指定する VEMapStyle 列挙体の値です (任意指定)。既定値は VEMapStyle.Road です。 |
fixed |
ユーザーが変更できない固定マップとしてマップ ビューを表示するかどうかを指定する Boolean 値です (任意指定)。既定値は false です。 |
mode |
マップを 2D モードと 3D モードのどちらで読み込むかを指定する VEMapMode 列挙体の値です (任意指定)。既定値は VEMapMode.Mode2D です。 |
showSwitch |
マップ モードの切り替えボタンをダッシュボード コントロール上に表示するかどうかを指定する Boolean 値です (任意指定)。既定値は true です (切り替えボタンが表示されます)。 |
tileBuffer |
マップの読み込み時に使用するタイル バッファの量です。既定値は 0 です (タイルの余分な境界を読み込みません)。このパラメータは 3D モードでは無視されます。 |
mapOptions |
設定するその他のマップ オプションを指定する VEMapOptions クラスです。 |
解説
このメソッドを呼び出す前に、VEMap コンストラクタを使用してマップ オブジェクトを初期化する必要があります。
マップ コントロールにコールバック関数を使用する場合は、LoadMap メソッドを呼び出す前に VEMap.onLoadMap プロパティを設定してください。
例
<!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;
var selStyle = VEMapStyle.Aerial;
var selMode = VEMapMode.Mode2D;
var zoom = 4;
// すべてのパラメータを試すために、UI を使用して LoadMap をデモンストレーションします。
function GetMap()
{
var latLon = new VELatLong(txtLat.value, txtLong.value);
if (txtZoom.value > 0 && txtZoom.value <= 19)
{
zoom = txtZoom.value;
}
else
{
alert("1 ~ 19 までの値を入力してください。");
}
if (chkFixed.checked)
{
fixed=1;
}
else
{
fixed=0;
}
if (chkShowSwitch.checked)
{
showSwitch=1;
}
else
{
showSwitch=0;
}
map = new VEMap('myMap');
map.LoadMap(latLon, zoom, selStyle, fixed, selMode, showSwitch);
map.AttachEvent("onobliqueenter", SetObliqueRadio);
map.AttachEvent("onobliqueleave", SetObliqueRadio);
}
function SetStyle(s)
{
selStyle = s;
}
function SetMode(m)
{
if (modeRadios.mode[0].Checked)
{
selMode = VEMapMode.Mode2D;
}
else
{
selMode = VEMapMode.Mode3D;
}
}
function SetObliqueRadio(event)
{
if (event.eventName == "onobliqueenter")
{
styleRadios.style[3].disabled=null;
}
else if (event.eventName == "onobliqueleave")
{
styleRadios.style[3].disabled="disabled";
}
}
function DisposeMap()
{
if(map != null)
{
map.Dispose();
}
}
</script>
</head>
<body onload="GetMap();" onunload="DisposeMap();" style="font-family:Arial">
<div id='myMap' style="position:relative; width:400px; height:400px;">
</div>
<input id="btnLoad" type="button" onclick="GetMap()" value="マップの読み込み" />
<br />
緯度:<input id="txtLat" value="36.13371559517861" />
<br />
経度:<input id="txtLong" value="-115.16238212585449" />
<br />
ズーム レベル (1-19):<input id="txtZoom" value="9" style="width:50px" />
<br />
固定:<input id="chkFixed" type="checkbox" /> (オンにするとマップを操作できなくなります)
<br />
切り替えボタンの表示:<input id="chkShowSwitch" type="checkbox" checked="checked"/>
(ダッシュボード コントロール上にマップ モード切替ボタンを表示します)
<table width="400px">
<tr>
<td align="left" width="60%">
<form id="styleRadios">
道路地図:<input name="style" type="radio" onclick="SetStyle('r')" /> |
航空写真:<input name="style" type="radio" onclick="SetStyle('a')" checked="checked" />
<br />
ハイブリッド:<input name="style" type="radio" onclick="SetStyle('h')" /> |
概観図:<input name="style" type="radio" onclick="SetStyle('o')" disabled="disabled"/>
</form>
</td>
<td align="left">
<form id="modeRadios">
2D:<input name="mode" type="radio" onclick="SetMode()" checked="checked" />
<br />
3D:<input name="mode" type="radio" onclick="SetMode()" />
</form>
</td>
</tr>
</table>
</body>
</html>
関連項目
参照
VEMap.SetCenter メソッド
VEMap.SetCenterAndZoom メソッド
VEMap.SetMapStyle メソッド
VEMap.SetMapMode メソッド