GoogleMapAPI/API1 のバックアップの現在との差分(No.2)

バックアップ一覧
差分を表示
ソースを表示
バックアップを表示
GoogleMapAPI/API1 へ行く。
- 1 (2007-06-11 (月) 03:52:49)
- 2 (2007-06-11 (月) 04:12:24)
追加された行はこの色です。
削除された行はこの色です。
*API1(基本表示) [#h532fb6b]

RIGHT:更新日&lastmod();

**中心座標の設定 [#x8a8ce83]

map.setCenter(new GLatLng([緯度],[経度]),[倍率])~
倍率：０－１９　（最小　－ 最大)

 map.setCenter(new GLatLng(34.560709164214195, 136.65369987487793), 13);


**拡大縮小のコントロール/衛星写真地図切り替えボタンの挿入 [#pfaf270f]

''拡大縮小のコントロール''

 map.addControl(new GLargeMapControl());

''衛星写真地図切り替えボタン''

 map.addControl(new GMapTypeControl());

**マーカーの表示 [#h974cc9b]

 var mp = new GLatLng(34.560709164214195,136.65369987487793); <==緯度、経度
 var marker = new GMarker(mp);
 map.openInfoWindowHtml(mp,
     "<center><B>山田　太郎</B></center><BR><Font size =\"1\">三重県伊勢市<Br>TEL:012-123-987</font>");
 map.addOverlay(marker);

openInfoWindowHtmlで吹き出しにHTML形式で表示

**住所で表示 [#ge6cf0d2]

GClientGeocoderを初期化してgetLatLngメソッドで以下のようにaddressに住所を渡すと、第2引数にコールバック関数を指定し、その引数に緯度、経度が入るのでその関数の中で処理を行う。

 geocoder = new GClientGeocoder();
 
 geocoder.getLatLng(
                address,
                function(point){
                    (処理)
                }

**Sampleプログラム [#b0ab23f9]

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
     <title>Google Maps JavaScript API TSET</title>
     <script src="http://maps.google.co.jp/ maps?file=api&amp;v=2&amp;
 key=(API Key)"
       type="text/javascript"></script>
   </head>
 
   <body>
 <H2>Google Map API の試験 <H2>
     <div id="map" style="width: 800px; height: 600px"></div>
 
     <script type="text/javascript">
     //<![CDATA[
       if (GBrowserIsCompatible()) {
         var map = new GMap2(document.getElementById("map"));
 /* 拡大縮小のコントロールを追加 */
         map.addControl(new GLargeMapControl());
 /* 衛星写真地図切り替えボタン */
         map.addControl(new GMapTypeControl());
 
 /*住所ではなく緯度、経度で中心座標をセットするとき*/
 /*        map.setCenter(new GLatLng(34.560709164214195,136.65369987487793), 13); */
 
         // GClientGeocoderを初期化
         geocoder = new GClientGeocoder();
 
         var address = "三重県松阪市久保町";
         geocoder.getLatLng(
                 address,
                 function(point){
                         if (!point) {
                                 alert("Adress not found");
                         }else{
                                 /*中心座標をセット*/
                                 map.setCenter(point, 13);
                                 /* マーカの追加　*/
                                 var marker = new GMarker(point);
                                 map.addOverlay(marker);
                                 marker.openInfoWindowHtml(address);
                         }
                 }
         );
 
       }
 
     //]]>
     </script>
   </body>
 </html>