スポンサードリンク

Tag Archives: パノラミオ

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

地図に表示させるパノラミオ(panoramio)のサムネイルをタグ指定するサンプル

個別ブログ記事に戻る

Google Maps API v3使い方のサンプルデモマップ一覧に戻る

Google Maps API v3の使い方の記事一覧に戻る

Read more »

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

地図に表示させるパノラミオ(panoramio)のサムネイルをタグ指定するサンプル

個別ブログ記事に戻る

Google Maps API v3使い方のサンプルデモマップ一覧に戻る

Google Maps API v3の使い方の記事一覧に戻る

Read more »

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

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

個別ブログ記事に戻る

Google Maps API v3使い方のサンプルデモマップ一覧に戻る

Google Maps API v3の使い方の記事一覧に戻る

Read more »

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

◆ Google Maps API v3  パノラミオ(panoramio)の写真オーバーレイ(overlay)を表示させる

Google Maps Api の日本語リファレンスにはありませんが、英語リファレンスでは、panoramio(パノラミオ)のライブラリーが使えるようになっています。左が日本語リファレンス、右が英語版。

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

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

 

Read more »

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

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

IFrame Embedder

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

<iframe
src=”http://www.panoramio.com/wapi/template/list.html?user=7&amp;width=150&
amp;height=400&amp;columns=2&amp;rows=5&amp;orientation=vertical&amp;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&amp;width=150&amp;
height=400&amp;columns=2&amp;rows=5&amp;orientation=vertical&amp;bgcolor=black

100% 400]

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

Read more »

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

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

<iframe
src=”http://www.panoramio.com/wapi/template/slideshow.html?user=7&amp;width=600&amp;height=400&amp;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&amp;width=600&amp;height=400&amp;delay=1.5
frameborder=”0″ width=”600″ height=”400″ scrolling=”no” marginwidth=”0″ marginheight=”0″>
</iframe>
◆表示させる写真のタグ

スポンサードリンク