Photo and Map to the blog(pandm2blog)

 

タブ風メニュを追加して、マップを表示できるようにしてみました。マップはロードマップなど４種類対応、ズームも事前に設定可能です。ペグマンを使ってストリートビューも見れます。

写真は先日汐留で開催されたCREATOR DAYの会場です。

※写真の上にマウスポインターを置くと、写真のタイトルが表示され、クリックするとPanoramioサイトで写真と地図が表示されます。
(Panoramio Widget API を使用しています）

備忘録 Panoramio Widget APIには <base target=”_top” />

Iframeで使うことを前提とした、Widget APIのプログラムを書く時はターゲット指定を忘れないように！

タイトルのリンクには”_top”のターゲット指定があるのに、画像部分のリンクにはターゲット指定が無い。この為にiframe内の画像部分をクリックするとフレーム内にリンク先が表示されてしまうと言う現象がありました。HTMLテンプレートは以前にフォーラムの書き込みがあって、変更がされています。そこで、Javascript版も同じように変更出来ないかなと、Panoramio宛に駄目もとでメールを送ってみました。すると、意外に早く担当者からメールが来ました。メールにはホスト側での対策は現状難しいので、ローカル側で出来そうなことを教えてくれました。

中身が少々難しくて、すぐに出来そうに無いことは飛ばして、最後の”windows.location”でターゲット指定を調べていると、上手くQ&Aで答えを発見。しかし、最後の方まで読んでみると、別の解決策が見つかりました。それはデフォルトのターゲット指定をすると言うことです。htmlだけで解決するみたい。

<base target=”_top” />

XHTML 1.0ならば、これで大丈夫みたいです。firefox,IE8,IE9,Chromeで確認してます。