ホームページ : Googleマップを利用しよう② (突撃！ことば塾)

ホームページ : Googleマップを利用しよう②

Googleマップを利用しよう①では、地図のみが表示されました。
これに、いろいろな機能を加えていきましょう。

その一
コントロールの追加

コントロールを追加するとこんな感じです。

Googleマップには、
  １.地図の表示位置、ズームを設定するコントロール
  ２.地図の表示モードを設定するコントロール(GMapTypeControl)
があります。

さらに、１のコントロールには、
  GLargeMapControl
  GSmallMapControl
  GSmallZoomControl
の３種類があります。

以下のサンプルで比較してください（詳しくは、こちらへ。）
  sample2.html (GLargeMapControl)
  sample3.html (GSmallMapControl)
  sample4.html (GSmallZoomControl)

例えば、GLargeMapControlと、GMapTypeControlを追加するには、
コードを以下のようにします。

var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(34.99483, 135.785), 18);

（addControlメソッドは、GMap2クラスのメンバーです。詳しくは、こちらへ。）

出来上がりです。
sample5.html (GLargeMapControl + GMapTypeControl)

続く

参照
Googleマップを利用しよう①

日時: 2007年02月08日 15:02｜パーマリンク