昨日に引き続き、もう少し Google Map で遊んでみた。今日作ったのは、東京観光案内。独断と偏見で選んだ東京の名所１２箇所の衛星写真を、解説付きで見られるようにした。 【東京観光案内】　（←これをクリックする） 昨日のサンプルとの違いをまとめると、以下のようになる。 １．Google は東京の地図をまだサポートしていないので、最初から衛星写真モードで始まるように、map.setMapType(_SATELLITE_TYPE); という一文を入れた。この辺りに関しては、少しドキュメントが不十分だったので、フォーラムで答えを見つけた。 ２．上部に行き先ボタンを表示し、onclick イベントに応じて、目的地を中心に持ってくるようにマップをスクロールさせてから、解説をポップアップさせている。 ３．openInfoWindowHtml　HTML テキストを渡す時に、幅を指定した DIV に入

つい昨日、『私自身、もしLonghornのベータ版で遊ぶか、Googleの新しいウェブ・サービスのベータ版で遊ぶかの選択肢を迫られたら、迷うことなく後者を選ぶ』と書いたばかりだが、偶然とは恐ろしいもので、ちょうど Google が Map API のベータ版をリリースしたことを発見した。そこで早速、遊んでみた。 会社の近所の地図を表示し、そのまわりの幾つかの場所にマーカーを付け、クリックすると説明が出るようにしたのだ。もちろん、マウスで地図をドラッグしてスクロールさせることも出来るし、Satelite ボタンを押して写真に切り替えることもできる。こんなウェブ・アプリケーションが３０分ぐらい遊んだだけで出来てしまうのだから、すばらしい時代が来たものだ。 ［追記］ 参考までにソースコードを添付。ただし、ソースコード中の "key=..." は、このブログのURL用に取得した専用の Maps A