<!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>