VEMap.SetMapStyle メソッド
マップ スタイルを設定します。
構文
VEMap.SetMapStyle(mapStyle);
パラメータ
| パラメータ | 説明 |
|---|---|
mapStyle |
マップ スタイルを指定する VEMapStyle 列挙体の値です。 |
解説
マップ スタイルの設定は、VEMap.LoadMap メソッドでマップを読み込むときにも行うことができます。
例
<!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 center = new VELatLong(38.62504326121764, -90.18497586250308);
var initView = new VEMapViewSpecification(center, 16, 1000, -90, 0);
function GetMap()
{
map = new VEMap('myMap');
map.LoadMap();
map.SetMapMode(VEMapMode.Mode2D);
map.SetMapStyle(VEMapStyle.Aerial);
map.SetMapView(initView);
}
function ToggleMode()
{
var mode = map.GetMapMode();
if (mode == VEMapMode.Mode2D)
{
map.SetMapMode(VEMapMode.Mode3D);
}
else if (mode == VEMapMode.Mode3D)
{
map.SetMapMode(VEMapMode.Mode2D);
}
}
function SetMapStyle()
{
if (styleForm.styleType[0].checked)
{
var style = map.GetMapStyle();
if (style == VEMapStyle.Aerial)
{
alert("既に航空写真スタイルが設定されています。");
}
else
{
map.SetMapStyle(VEMapStyle.Aerial);
alert("マップ スタイルが航空写真に設定されました。");
}
}
else if (styleForm.styleType[1].checked)
{
var style = map.GetMapStyle();
if (style == VEMapStyle.Birdseye)
{
alert("既に概観図スタイルが設定されています。");
}
else
{
map.SetMapStyle(VEMapStyle.Birdseye);
alert("マップ スタイルが概観図に設定されました。");
}
}
else if (styleForm.styleType[2].checked)
{
var style = map.GetMapStyle();
if (style == VEMapStyle.Road)
{
alert("既に道路地図スタイルが設定されています。");
}
else
{
map.SetMapStyle(VEMapStyle.Road);
alert("マップ スタイルが道路地図に設定されました。");
}
}
else if (styleForm.styleType[3].checked)
{
var style = map.GetMapStyle();
if (style == VEMapStyle.Hybrid)
{
alert("既にハイブリッド スタイルが設定されています。");
}
else
{
map.SetMapStyle(VEMapStyle.Hybrid);
alert("マップ スタイルがハイブリッドに設定されました。");
}
}
}
</script>
</head>
<body onload="GetMap();">
<div id='myMap' style="position:relative; width:400px; height:400px;"></div>
<INPUT id="btnToggle" type="button" value="マップ モードの切り替え" name="btnToggle"
onclick="ToggleMode();">
<form name="styleForm">
<input id="aerial" type="radio" name="styleType" checked="checked" /> 航空写真<br />
<input id="birdseye" type="radio" name="styleType" /> 概観図<br />
<input id="road" type="radio" name="styleType" /> 道路地図<br />
<input id="hybrid" type="radio" name="styleType" /> ハイブリッド
</form>
<INPUT id="btnStyle" type="button" value="選択したマップ スタイルを設定" name="btnStyle"
onclick="SetMapStyle();">
<div id="latlon"></div>
</body>
</html>