ASTRODEO 株式会社アストロデオ

• ABOUT US
• WORKS
• BLOG
• CONTACT

• ActionScript
• AdSense
• CakePHP
• CSS
• Firefox
• FLASH
• HTML
• iPhone
• JavaScript
• MovableType
• MySQL
• PHP
• SEO
• Smarty
• WordPress
• Zend Framework
• ウェブサービス
• サイト発表
• 初心者からの質問
• 携帯サイト
• 雑記

• 2010.7
• 2010.6
• 2010.5
• 2010.4
• 2010.3
• 2010.2
• 2010.1
• 2009.12
• 2009.11
• 2009.10
• 2009.9
• 2009.8
• 2009.7
• 2009.6
• 2009.5
• 2009.4
• 2009.3
• 2009.2
• 2009.1
• 2008.10
• 2008.9
• 2008.8
• 2008.7
• 2008.6
• 2008.5
• 2008.4
• 2008.3
• 2008.2
• 2008.1

▼もっと見る

GoogleMAPSAPIを使ってみた

JavaScript2008/03/17づや

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

関連する記事

• prototype.jsの利用
• 画像を投稿したら自動でhighslideが動くようにする
• プルダウンを選択するJavaScript

PAGE TOP

Copyright(C) ASTRODEO All rights reserved.