WPプラグイン:Inline Google Maps plugin
Inline Google Maps plugin for WordPress
をインストールしてみた。WordPressでGoogle Mapsを表示するためのプラグインだ。インストールは簡単で、
- 上のページからzipファイルをダウンロード。
- 解凍するとgmaps_v2.phpと__MACOSXディレクトリが出てくる。それらをサーバのwp-content/pluginsに置く。
- Google Maps APIキーを取得 (サーバのURLを入力すべし）
- WordPress管理画面の「プラグイン」で「Inline Google Maps」があるので有効化。
- 更に管理が面の「設定」に「Inline Google Maps」があるので、そこを開いて取得したAPIキーを入力。
これで完了。後はGoogle MapsのリンクをBlogの記事に、普通にリンクするだけで自動的にGoogle Mapsを表示してくれる様になる。
Google Mapsのリンクの取り方は、表示したい場所を表示させ、「このページのリンク」をクリックすればブラウザのリンクが変更されるので。これをコピーして利用する。
このリンクをクリックですYO！
しかし、うっ、あれ、表示されない・・・なぜだ？うーん、困った・・・。
このプラグインは派生バージョンを他の方が公開していて、そっちも試してみた。しかしこちらも表示されない。うぅ・・、、、APIキーもちゃんと登録されているし、テーマも試しにデフォルトに戻してみたけど駄目。
面倒くさいけどJavaScriptデバッガで追っかけて原因がわかった。URLが違っていたのだ。URLの最初がmaps.で始まる必要がある。
http://www.google.co.jp/maps… こちらでは駄目で、
http://maps.google.co.jp/maps… こっちはOK。
http://www.google.co.jpからリンクをたどってGoogle Mapsを開くとwww.になってしまうので、普通にハマると思うのだけど。本家のコメント欄を見ても誰も指摘している様子が無いのが不思議。最近変更されたのかな？
本家も派生版も、http://maps.google.でそのまま書かれている。こんな感じに。
本家:
if (theloc.indexOf("http://maps.google.")!=-1) {
派生版:
if (theloc.indexOf("http://maps.google.")!=-1 &&
commands.indexOf("googlemap")!=-1) {
ここだけ見ると同じに見えるけど、他はお互い全然違うコードになってる。
ま、とにかくこれを手でmaps.に書き換えたら動作した。
ああ、なんだか地図が出ると嬉しい！（^^)
英語の人はこういう目に合わないのか気になったので調査してみた。googleを言語設定で英語に設定して同様の事をしてみたけど・・・そっちもwww.だ。同じ問題が起こってるんじゃなかろうか。それとも何か別のやり方でGoogle Mapsのサイトに行ってるのかなぁ。
それにしても派生バージョンの名前が似通っているのはややこしい。変更した方がいいと思う。ソース見ても結構変わっているし、ファイル構成も違う。
とは言う物の、これで簡単に地図が表示できる様になったがちょっと嬉しい。