Google Mapsをブログに貼ってみる

Google Mapsが公開されてうおーとか思ってる間にHackサイトが続々登場したり、そいつらがGoogleに追い込みかけられたり、いつの間にかAjaxという言葉が一般化して誰もKonamiの名作シューティングと混同したりしなくなったりしたと思っていたら、Google Maps APIが公開された（相変わらず反応するのが遅いなあ）。
で、Google Maps APIとRailsを使ったこんなイーかしたサイトができてたので、その力を借りてGoogle Mapsをブログに貼れるツールを作ってみた。

注：より簡単にGoogle Mapsをブログに貼れる「G2Gmap」もあわせて御確認下さい！

使用法

1. map.rails2u.comで表示したい場所を探す。
   
2. 場所が見つかったら、このBookmarkletをmap.rails2u.com上で実行する。
   
3. プロンプトが出て表示したいメッセージを聞かれるので入力する。
   
4. map.rails2u.comからGot2do.comに飛ぶので、マップのサイズを入力して、「変更を反映する」ボタンを押す。デフォルトは300px×300pxになってるが、このままでよい人は特に何もしなくてよい。
   
5. 入力フォームの下に表示されるHTMLを自分のブログ、或いは自分のサイトに貼る。
   

仕組はスーパー簡単（所詮商社マンがちょびっといじくって作ったもんだし…）で、Got2do.com上に緯度・経度・表示メッセージ・サイズをGETしてGoogle Maps APIを呼ぶJavaScriptにして吐き出すスクリプトを置いておき、それをIFRAMEを通して表示させてるだけ。上記のBookmarkletとインプットフォームはそれを使うための入力補助ツールで、map.rals2u.comは緯度・経度を調べるために使ってる形になります。

相変わらずYahooに「商社とは？」と聞く人に続いて「新橋&ジンギスカン」で辿り着く人が多いので、金太郎（金の羊に改称）の記事の地図もGoogle Mapsに入れ替えとこう。親切だな俺。
別にブログに限らず普通のHTMLベースのサイトにも貼れるし、何か使いようはあるかもしれない。まあ、そもそものGoogle Maps APIが非常に簡単に使えるのでこんな仕組は冗長なんだけど。

それにしても拡大すると随分細かいところまで見えるなあ。Google恐るべし。

追記：
Hatena::Diary::Naoyaさんのところでマップにも対応したと知ったので、早速修正しました。デフォルトは衛星画像ですが、切り替えボタンでマップに（いや、テンプレに一行書き足しただけ）。つか、Google Localも日本対応って、本家Goooogleの勢いはすげえなあ。
追記その２：
うわ！マップとサテライト、位置ずれてるやん。っていうか、情報ソースの方にも書いてあるやん。
追記その３：
こちらの記事に書いたとおり、メッセージの下に天気予報を表示できるようになりました。また、トラックバックを打てるマップサービスのTBアドレスも自動的に表示するようにしました。
追記その４：
下にトラックバック貼ってる記事に書いてますが、map.rails2u.comでBookmarkletを使わずに直接住所から緯度経度を検索できるようにしました。「住所から検索」のインプットボックスに住所を入れるとインクリメンタル検索できます。地図を動かすとインプットフォーム上の緯度経度も自動的に変更されます。
ついでに、ズームレベルの指定もできるようにしました。こちらもインプットフォーム中の地図のズームレベルを変更すると自動的に変更されます。
追記その５：
マップとサテライトの位置ずれを修正しました。
参考：Tociyuki::Diaryと最新版