Panoramio Wiget API to the Blog (Version 0.11β)

 

Google Maps Javascript API V3 Overlays - Google Maps JavaScript API V3 - Google Code

上記を参考にして、Panoramio Widget API版を作成してみました。ポップアップウインドウはこれの方が良いです。ブラウザに因る表示の違いは無いようです。

 

Embedding Panoramio map

Embedding Panoramio map & MPP2Blog

 

Embedding  Panoramio map

 

MPP2Blogを使用 (user=1597930)

ペグマンを使用することも出来ます。(Pegman can also be used. )

MPP2Blog (Mini-Pano Photo to the Blog Version 0.11β)

 

New Reference: MyPanoramio Junk0128: MPP2Blog

※V0.20βを読んでください。以下は内容が古いです。

 

Panoramio’s Blog を見て、昔のmini-panoramioみたいな感じで使えるように作ってみました。iframeで簡単にブログに挿入することが出来ます。使い方は下記のコードを参照して下さい。
※chrome以外のブラウザでは、ポップアップウィンドウ内のリンクが一部機能していないようです。

Google Maps Javascript API V3 Overlays - Google Maps JavaScript API V3 - Google Code  <= これを使用

上の地図の中心部のサムネイルをクリックすると、下記の様に表示されます。

※↓↓↓これはスクリーンショットなので、クリックしてもPanoramioへのリンクはありません。

user指定の代わりにtag指定でも使えます。その時は下記の様にして下さい。

”tag=waterfall”と指定しています。


Google Maps Javascript API V3 Overlays - Google Maps JavaScript API V3 - Google Code <= ここを参照

満願寺温泉 川湯

熊本県小国町はドライブによく行くところですが、テレビでよく見る川湯には初めて訪れました。ここは本当に道路沿いの露天風呂でした。とても入る勇気は無いので、写真を撮っただけです。

MPP2Blogを使って下記の地図を表示しています。地図上のサムネイルをクリックすると、写真がポップアップ表示されます。そのウインドウ内からPanoramioのフォトページやユーザーページにリンクしています。
※まだ開発中なのか、写真に因ってユーザー表示が無かったり、リンクされていないものもあるようです。表示も遅いです！

※ブラウザに因って表示が違います。表示確認はwindows XP SP1(32bit)で行いました。

firefoxではview inとpanoramioにリンクがありません。

IEでは上記リンクは有るけど、ユーザ名が表示されません。 
 

safariでは上記リンクは有るけど、ユーザ名が４つも表示されます。  

chromeでは全部正常に表示し、各々のリンクもあります。

p.s.
挿入するウインドウの幅が狭いと、ポップアップするウインドウの幅が狭まれるようです。でも広げるとこのブログには幅が足りません。そこでブログのレイアウトを変更しメインコンテンツの幅を広げてみました。

mpp2blog (Mini-Pano Photo to the Blog Version 0.1β

Panoramio: See the world through a lens with the Panoramio Layer

Panoramio blogに新機能が書いてあったので、ちょっとjavascriptを書いてみました。昔のmini-panoramioみたいに使えそうだ。
※作成中なので、この記事も含めて、随時書き換えます。

 
パラメータで下記の様に指定しています。

My Panoramio Photo(Version 0.50A)

メッセージの変更のみ

• Avatar, caption(No.nn, author)のツールチップ
• Photos provided by Panoramio are under the copyright of their owners.
  ※使用例の文から使用条件の文中のメッセージに変更
• 使用例：Photos provided by Panoramio. Photos are under the copyright of their owners.
• 使用条件：Photos provided by Panoramio are under the copyright of their owners

※いつの間にか、使用例の文に書き換えてしまったようなので戻しました。

Blogger Syntax Highlighter

htmlのソースをブログに書く時に、見やすくならないかなと検索していたら上記タイトルを見つけました。導入の仕方等はいくつか書かれているようなので、下記の検索結果からお好きな記事をお読み下さい。

• Blogger Syntax Highlighter - Google 検索

使用例