次の方法で共有

VEMap.SetMapMode メソッド

  • [アーティクル]

マップ モードを設定します。

構文

VEMap.SetMapMode(mode);

パラメータ

パラメータ 説明

mode

マップを 2D モードと 3D モードのどちらで読み込むかを指定する VEMapMode 列挙体値です。

例

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