Google Mapsをサイトに埋め込む方法

HOW TO: Embedded Google Mapsというエントリーより。

After Google Released the API for their popular Google Maps service, integrating maps into your site could never be easier. This article shows you how to embed a customized Google Map into your website or blog.

サイトやブログに、Google Maps APIを利用して、Google Mapsを埋め込んでみよう、という記事で面白そうだと思ったのですが、如何せん英語です。

翻訳しながら紹介しても良かったのですが、Googleに聞いてみたところ、ぴったりの記事が見つかりましたので、そちらも併せて紹介しておきます。

Ajax Google Mapsを自サイトに設置する

これまで、Web上の地図を自分のサイトで利用するには、普通は利用料が必要でした。自サイトへ自由に、しかも、精度の高い、高機能な地図を設置するのは一般のWebユーザーや小さなお店などには高嶺の花だったのです。

Google Mapsを自サイトに設置する2

今回は、その地図に影付きのフキダシでメッセージをポップアップする「情報ウインドウ」を表示してみます。たとえば、お店や会社の場所をマークする時などにこれを使えば、わかりやすい説明ができると思います。

サンプルソースもふんだんに、Google Maps APIの取得方法からかなり詳しく解説されています。

入門 Ajax

入門 Ajax