地図とオンラインOSの関係（前編）：Windows Liveが魅せる次世代マッシュアップ（5/5 ページ）

» 2007年02月15日 08時00分 公開
[大澤文孝，ITmedia]
前のページへ 1|2|3|4|5 　　　　　　
リスト3■検索例

<html>
<head>
  <title>地図の検索</title>
  <!-- Virtual Earth Controlのソースの読み込み -->
  <script language="JavaScript"
     src="http://dev.virtualearth.net/mapcontrol/v4/mapcontrol.js">
  </script>
  <script language="JavaScript">
    <!-- 初期化コード -->
    var map = null;
    function InitMap()
    {
      map = new VEMap('mapArea');
      map.LoadMap();
      var lat = new VELatLong(35.6811, 139.76709);
	  map.SetCenterAndZoom(lat, 15);
    }
    <!-- 検索 -->
    function MapSearch()
    {
    }
  </script>
</head>
<body onload="InitMap();">
<h1>地図表示の例</h1>
場所を入力：<input type="text" id="textwhere"><br>
<input type="button" onclick="MapSearch()" value="検索">
<div id="mapArea"
  style="width:320px; height:320px;"/>
</body>
</html>
画面4■リスト3を実行した検索表示画面例

　この記事では、前編として基本的なVirtual Earth Map Controlの使い方を紹介した。次回の後編では、Live Searchとの関係とマッシュアップについて解説する。

前のページへ 1|2|3|4|5 　　　　　　

Copyright © ITmedia, Inc. All Rights Reserved.

注目のテーマ