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なページ

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。