まちゅダイアリー

■ Flickr プラグイン (5) - Google Maps 埋め込み

昨日の日記に書いた、「日記上に直接地図を表示」する機能を実装してみた。

写真の下の「Map of this location」をクリックすると、その場所に地図が表示される。 ただし、日別表示の時のみ。複数の日記を表示している時は、これまで同様に外部へのリンクのままにしている。 → 複数の日記でも埋め込み地図が表示されるようにした。

さて、作ってみたのはいいんだけど、別に日記上に地図が出てもそれほど嬉しくないかもしれない。

今の問題点は…

• 写真が無い（プラグインが呼ばれない）ページでも、Google Maps のスクリプトを呼び出している。
• 一つの日記に複数の写真があると、地図が正しく表示されない。

ってところ。

:

■ Google Maps を EUC-JP のページに載せる

Google Maps を使うページは、エンコードが UTF-8 でないと地図が表示されないという問題がある（IEだけみたいだけど）。 これは、Google Maps の JavaScript が UTF-8 で書かれているため。

でも実は、 UTF-8 以外の文字コード (EUC-JP や Shift_JIS)のページで Google Maps を動かすことができる。

方法はいたって簡単で、

<script src="http://maps.google.com/maps?file=api&v=1&key=***" type="text/javascript">

と書いているところを、

<script src="http://maps.google.com/maps?file=api&v=1&key=***&hl=en" type="text/javascript">

とするだけ（末尾に hl=en をつける）。

地図上のツールチップは英語になってしまうけど、これで UTF-8 以外のページでも地図が動く。

ただし、地図上で日本語を表示させたり、高度なことをしようとするとどうなるかは分からない（日本語のマーカーは立てられたけど）。 それに、公式にアナウンスされている方法でもないので注意。

: