pgpのリスト表示部分の右下に地図を表示するボタンを設けました。下記のように写真の部分が地図に入れ替わります。ボタンを再度押すと、元の写真表示に戻ります。地図表示ではペグマンをドラッグ&ドロップし、ストリートビューを見ることが可能です。地図を常に参照したい時はpgp4で、画面が小さなiPadやスマートフォンではpgpと使い分けしてみてください。※スマートフォンでは小さなボタンを押すのが非常に難しいけど…
動作確認は下記で行いました。
- Windows Xp:Firefox, Chrome, IE8 ,safari
- Windows 7:Chrome, IE9
- スマートフォン:005SH(Android 2.3.4)
Panoramio Widget APIとGoogle Maps JavaScript API V3を使用しています。
p.s.(2012/01/02)
・safariでの動作確認を追加
・起動時に空のmapCanvasを非表示にしていなかったので、写真上でマウスが効かなくなってました。
「document.getElementById("mapCanvas").style.display = "none";」を追加 修正済み
0 件のコメント:
コメントを投稿