英語版の右下方に、panoramioのレイヤー（写真ライブラリ）が使えるリファレンスがあります。地図上に小さな写真のサムネイルを表示することが出来、クリックするとインフォウィンドウの中に写真が表示されます。このレイヤーオプションのプロパティ設定で、検索タグ指定で特定の写真のみを地図上に選択して表示させたり、インフォウィンドウの非表示設定などが出来るようになっています。

、表示と、そのオプション（写真をクリック）

panoramio_api

パノラミオの写真を表示させるIfarmeのためにIFrame Embedder　プラグイン

Posted by 管理人 on 2010年6月4日 None comments | 419 views

パノラミオ（panoramio）の写真を表示させるのは、Ifameが使えるので便利だが、ご存知の通りWordpressは、iframeと相性が悪い。
そこで役にたつのが、このプラグイン。

IFrame Embedder

これを使うとパノラミオのIfarmeも簡単に表示できる。
パノラミオの Widget APIのサンプルページからiframeタグをコピー。

<iframe

src=”http://www.panoramio.com/wapi/template/list.html?user=7&width=150&

amp;height=400&columns=2&rows=5&orientation=vertical&bgcolor=black“

frameborder=”0″ width=”150″ height=”400″ scrolling=”no” marginwidth=”0″ marginheight=”0″>

</iframe>

これを貼り付けても、編集中に化けてしまうので・・・・。上記赤文字部をコピペして、次のようにする。

[iframe　http://www.panoramio.com/wapi/template/list.html?user=7&width=150&
height=400&columns=2&rows=5&orientation=vertical&bgcolor=black

100% 400]

そして、IFrame Embedderプラグインをインストールして、有効にすれば、次のとおり。

パノラミオWeb API スライドショー

Posted by 管理人 on 2010年5月15日 None comments | 646 views

◆スライドショー貼り付けるアイフレーム（iframe）

<iframe

src=”http://www.panoramio.com/wapi/template/slideshow.html?user=7&width=600&height=400&delay=1.5″

frameborder=”0″ width=”600″ height=”400″ scrolling=”no” marginwidth=”0″ marginheight=”0″>

</iframe>

◆スライドショー間隔（sec）

1.5secの場合

<iframe

src=”http://www.panoramio.com/wapi/template/slideshow.html?user=7&width=600&height=400&delay=1.5“

frameborder=”0″ width=”600″ height=”400″ scrolling=”no” marginwidth=”0″ marginheight=”0″>

</iframe>

◆表示させる写真のタグ

スポンサードリンク

WordPressにGoogle Maps API V3！

素人のホームページ作成メモ

Tag Archives: パノラミオ

サンプルデモマップ／パノラミオ（panoramio）写真をタグで検索するInputフォームを追加する。

サンプルデモマップ／地図に表示させるパノラミオ（panoramio）写真をタグで指定する。

サンプルデモマップ／Google Map にパノラミオ（panoramio）の写真サムネイルを地図にオーバーレイ（overlay）表示させる

Google Map にパノラミオ（panoramio）の写真サムネイルを地図にオーバーレイ（overlay）表示させる

パノラミオの写真を表示させるIfarmeのためにIFrame Embedder　プラグイン

IFrame Embedder

パノラミオWeb API スライドショー

Google Maps API

Google関連

週間View

カテゴリー

総合View

メタ情報

リンク・注意事項