ソースをコピペして流用することを想定したHTMLです。メインのコード自体はGoogle Mapsのサイトから拝借しています。
流用するときにやること：

 <script src="http://maps.google.com/maps?file=api&v=2&key=ここにキーを書く" type="text/javascript"></script><

２．表示したい場所の緯度経度と、地図の表示縮尺を指定する。

  map.setCenter(new GLatLng(35.656362, 139.699483), 13);

「13」と書いてあるところが地図の縮尺。google mapsの縮尺バーの1目盛りに対応してます。
基本的に１９がもっとも拡大された状態になりますが、場所によって表示できるできないは変わります。

緯度経度がよくわからないと思うので、以下のサイトなどを利用しましょう。
住所から緯度経度調べて位置を変えるのに使う：Geocoding - 住所から緯度経度を検索

（その他、google mapsページで位置を特定して、パーマリンクを生成するとHTML内にそれらしき緯度経度が書いてある。）

var marker = new GMarker(new GLatLng(35.656362, 139.699483));
GEvent.addListener(marker, "click", function() {
var html = '<div style="width: 210px; padding-right: 10px"><a href="http://www.yahoo.com">リンク<\/a>ここにHTMLをかきます<\/a>.<\/div>';
marker.openInfoWindowHtml(html);

最初の行に、マーカーの緯度経度を書きます。地図の中心と合わせる必要はありません。
当然、地図の外に値を設定するとマーカーは見えません。（スクロールすれば表示されます）

2行目が、吹き出しの中に表示されるHTMLを書いておきます。ハイパーリンクなどは普通に使えます。

最後の行のopenInfoWindowsHtmlは、html変数を利用して窓を開きます。
窓を開かないで情報だけを設定するメソッドもあります（リファレンス参照のこと）

もし、２つ以上マーカーを表示したい場合は、「marker」変数を増やしていく形で増やしていけば良いです。

Google Maps API徹底活用ガイド

posted with amazlet at 08.08.24

稲葉一浩
毎日コミュニケーションズ
売り上げランキング: 87402

おすすめ度の平均:

Google Maps をゴリゴリいじってみたい人に

Amazon.co.jp で詳細を見る

Google Maps Hacks 第2版 ―地図検索サービスをもっと活用するテクニック

posted with amazlet at 08.08.24

Rich Gibson Schuyler Erle
オライリー・ジャパン
売り上げランキング: 42781

おすすめ度の平均:

地図サービスを抑えておきたい人必携です。

Amazon.co.jp で詳細を見る

Google Maps api JavaScript サンプル

2008/08/24 f-shin (F's Garage)