次の方法で共有

VEMap.ShowFindControl メソッド

  • [アーティクル]

ユーザーが検索クエリを入力できる検索コントロールを表示します。

構文

VEMap.ShowFindControl(top, left);

パラメータ

パラメータ 説明

top

マップの上端と検索コントロールの上端の間のピクセル数を指定する整数です (任意指定)。既定値は 35 ピクセルです。

left

マップの左端と検索コントロールの左端の間のピクセル数を指定する整数です (任意指定)。既定値は 195 ピクセルです。

解説

検索コントロールは既定では表示されていません。このメソッドを呼び出すと、すばやく簡単に検索機能をマップに追加できます。

検索コントロールを非表示にするには、VEMap.HideFindControl メソッドを呼び出します。

例

<!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 clickEvent = null;

function GetMap()
         {  
map = new VEMap('myMap');
            
// SetDashboardSize は LoadMap より前に呼び出す必要があります。
map.SetDashboardSize(VEDashboardSize.Normal);
            
map.LoadMap();

map.SetMapMode(VEMapMode.Mode3D);
map.ShowFindControl();
         }
         
// ダッシュボードの非表示/表示の呼び出し
function HideDashboard()
         {
map.HideDashboard();
         }
         
function ShowDashboard()
         {
map.ShowDashboard();
         }
         
// 3D ナビゲーションの非表示/表示の呼び出し
function Hide3DNav()
         {
map.Hide3DNavigationControl();
         }
         
function Show3DNav()
         {
if (map.GetMapMode() == VEMapMode.Mode2D)
            {
map.SetMapMode(VEMapMode.Mode3D);
            }

map.Show3DNavigationControl();
         }
         
// 検索コントロールの非表示/表示の呼び出し
function HideFindControl()
         {
map.HideFindControl();
         }
         
function ShowFindControl()
         {
map.ShowFindControl();
         }
         
// ミニ マップの非表示/表示の呼び出し
function HideMiniMap()
         {
map.HideMiniMap();
         }
         
function ShowMiniMap()
         {
if (map.GetMapMode() == VEMapMode.Mode3D)
            {
map.SetMapMode(VEMapMode.Mode2D);
            }

map.ShowMiniMap(200, 100);            
         }
         
function SetScaleBar(distanceUnit)
         {
map.SetScaleBarDistanceUnit(distanceUnit);
         }
</script>
</head>
<body onload="GetMap();" style="font-family:MS PGothic">
<div id='myMap' style="position:relative; width:800px; height:400px;">
</div>
<div id="links">
<a href="#" onclick="HideDashboard()">ダッシュボードを表示しない</a> | <a href="#" onclick="ShowDashboard()">
ダッシュボードを表示する</a><br />
<a href="#" onclick="Hide3DNav()">3D ナビゲーション コントロールを表示しない</a> | <a href="#" onclick="Show3DNav()">
3D ナビゲーション コントロールを表示する</a><br />
<a href="#" onclick="HideFindControl()">検索コントロールを表示しない</a> | <a href="#" onclick="ShowFindControl()">
検索コントロールを表示する</a><br />
<a href="#" onclick="HideMiniMap()">ミニ マップを表示しない</a> | <a href="#" onclick="ShowMiniMap()">
ミニ マップを表示する (2D ビューのみ)</a><br />
<a href="#" onclick="SetScaleBar(VEDistanceUnit.Miles)">スケール バーの距離単位をマイルに設定する</a> | 
<a href="#" onclick="SetScaleBar(VEDistanceUnit.Kilometers)">スケール バーの距離単位をキロメートルに設定する</a>
</div>
</body>
</html>

関連項目

参照

VEMap.HideFindControl メソッド
VEMap.Find メソッド