ギルド開発
ギルド開発
2008.03.17

GoogleMAPSAPIを使ってみた

づや

ページにgoogleMapを表示させたかったので、GoogleMAPSAPIを使ってみた。

住所だけわかっていて、初期表示時に中心を合わせたい状況さったので、そんなScriptを作ってみた。

var map = null;
var geocoder = null;
var marker = null;

// googleMapの初期表示
function initGoogleMap(add){
  if (GBrowserIsCompatible()) {
    // マップオブジェクトを初期化
    map = new GMap2(document.getElementById('表示させたい要素名'));
    // 拡大・縮小できるコントローラーを表示
    map.addControl(new GLargeMapControl());
    // GClientGeocoderを初期化
    geocoder = new GClientGeocoder();
    // 住所から緯度と経度を取得
    geocoder.getLatLng(add,
     // コールバック時にマップの中心に設定
     function(point) {
       if(point != null){
         map.setCenter(point, 9);
       } else {
         // 取得できなかった場合はとりあえず東京に合わせる
         map.setCenter(new GLatLng(35.67514743608467, 139.779052734375), 8);
       }
     }
    );
  }
}

一応ちゃんと動いてた。

便利だなぁ、googleMapは。

参考にさせてもらったサイト→Geekなページ