VEMap.HideInfoBox メソッド

  • [アーティクル]

シェイプのカスタムまたは既定の情報ボックスを非表示にします。

構文

VEMap.HideInfoBox();

解説

画面上に複数の情報ボックスを同時に表示することはできません。このメソッドは、現在表示されている情報ボックスを非表示にします。このメソッドでは、特定の VEShape クラス オブジェクトを指定する必要はありません。

例

<!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 shape;
var latLong = null;
            
function GetMap()
         {
map = new VEMap('myMap');
map.LoadMap();

latLong = map.GetCenter();

//マップにプッシュピンを追加します。
shape = new VEShape(VEShapeType.Pushpin, latLong);
shape.SetTitle('<H1>タイトル</H1>');
shape.SetDescription('<div style="width:200px; background-color:white; color:blue">'+
'これはプッシュピンです。この位置は <b>' + 
latLong + '</b> です。なお、カスタム HTML を使用することもできます。</div>');
map.ClearInfoBoxStyles();
map.AddShape(shape);         
         }
      
function ShowInfoBox()
         {
map.ShowInfoBox(shape);
         }
      
function HideInfoBox()
         {
map.HideInfoBox();
         }
      
function ShowInfoBoxAt()
         {
var x = parseInt(document.getElementById('txtMapX').value);
var y = parseInt(document.getElementById('txtMapY').value);

map.HideInfoBox();

if (!isNaN(x) && !isNaN(y))
            {
map.ShowInfoBox(shape, new VEPixel(x,y));
            }
         }
</script>
</head>
<body onload="GetMap();">
<div id='myMap' style="position:relative; width:400px; height:400px;"></div>
<div>以下のボタンをクリックすると、情報ボックスを表示したり非表示にしたりできます。</div>
<div>
<input value='情報ボックスを表示する' type='button' onclick='ShowInfoBox();'/>
<input value='情報ボックスを非表示にする' type='button' onclick='HideInfoBox();'/>      
</div>
<div>
x:<input id='txtMapX' style='width:30px' type='text' value='0'' />
y:<input id='txtMapY' style='width:30px' type='text' value='0'' />
<input value='情報ボックスを (x, y) の位置に表示する' type='button' onclick='ShowInfoBoxAt();'/>      
</div>
</body>
</html>