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 メソッド

概念

VEMapOptions クラス