Google Maps APIのセットアップ

ちょっと思い立って、Google Maps API で遊んでみようと思います。
手始めに、サインアップページ (http://www.google.com/apis/maps/signup.html) から、Google Maps API を使うのに必要なキーと取得してみました。手順は以下の通りです。

  1. Googleアカウント取得: 上記のサインアップページから、Google Account のリンクをたどり、Google アカウントを取得する。
  2. サインアップページに戻り、Google Maps を設置するWebサイトのURLを入力し、"Generate API Key" のボタンを押す。
  3. 入力したWebサイト用のキーと、それを使ったサンプルコード (HTML + JavaScript) が表示される。

上のサンプルコードをサーバ上にアップロードし、早速試してみました。

以下のように、無事Google Mapsの表示に成功しました。