Skip to main content.

■ 2006/03/26(Sun) google mapsで遊んでみる


世の中には面白いアプリ!?がいろいろありまして、その中の一つにgoogle mapsなるものがあります。このgoogle mapsというものは、平たく言えばブラウザで地図生成装置といったとこでしょうか。そのgoogleマップのAPIが実は公開されていまして、これでちょいっと遊んで見ましょうという趣旨です。



このgoogle mapsはajaxなる技術を使用して作られています。ajaxってなに!?っていうのは今回は割愛です(というか調べていません。。。)。このgoogle mapsをいじるためには、google maps API使用しなければなりません。さらにこのAPIを使用するためにはgoogle maps APIのKEYが必要になります。このKEYはgoogleから発行されるもので、適当に使用することはできません。つまり、今回の手順的には、

 1.google maps APIのKEYを取得する
 2.コードを自分のサイトに埋め込む
 3.動作確認

となります。

で、googleのサイトにアクセスして、APIを使用するためのKEYを取得しました。取得用のサイトはここです。

KEYを取得すると同時に、サンプルコードを吐き出してくれたのでコレを自分のサイトに貼り付けました。

その後に動作を確認しようとしたのですが、なんか動いてくれません。うーんと悩みつつ、いろいろと調べているうちに文字コードの問題だということがわかりました。google mapsで使用されるJava ScriptはUTF-8を基本としているため、これ以外の文字コードを使用する場合には変換が必要になるようです。この情報に従い、charsetの呼び出しをUTF-8に変更しました。

ということで、テストプログラムは動作完了です。おー、いえー。さてはてこれから適当にいじってみたいと思います。


[参照サイト]
 ・Google maps API Sign Up
 ・Google Maps APIと文字コード



投稿日 2006/03/26(Sun):19:10:18 作者 tsuyoshi