アウトドアの新定番YAMAP（ヤマップ）で360 Photos（パノラマ）を楽しむ方法

2016/08/26 2018/10/05

Blog Title 20160826

Google ストリートビューでは公開した360°パノラマ写真が50枚に達すると、認定プロフォトグラファーとしての条件をクリアします。もちろん、公開した画像の品質が悪いと認定されないワケですが、このハードルもそんなに高いモノではありません。

ストリートビュー・アプリ(iOS) / Google Photos

360°パノラマ写真の楽しみ方は「ストリートビュー」に限りません。Facebookにおいてもアプリやウェブサイトを通じて「360 Photos」を楽しむことができます。

Facebookで360 Photosがスタート―スマートフォンを傾けるだけでパノラマが見られる | TechCrunch Japan

ふぁんトントのFacebookページに360 Photosを投稿しています。

Facebookのアカウントをお持ちの方は、是非一度お試しください。気に入った画像があれば、「いいね」いただけると励みになります。

YAMAP（ヤマップ）360°パノラマ画像ギャラリー

YAMAPアプリ with TORQUE SKT01 / Google Photos

アウトドアの新定番YAMAP（ヤマップ）のアプリは、GPSデータロガー+登山地図+SNSの三役を一台でこなすスゴイ奴なんです。しかも設計がシンプルで使いやすくスタイリッシュ。「趣味は何ですか？」と尋ねられて、「山歩きでんねん（=「なんです」という意味の大阪弁）」と返答するより、「ヤマッパー（YAMAPする人）だよ」と言いつつサッとスマホを取り出せば、超カッコイイ。

iOS版アプリのプロフィール・タブ / Google Photos

カッコをつけたい方はiPhone版のアプリにしましょうね。もちろんガッツリ山登りをする方には防水・防塵対応の期待できるAndroid版もあるけど、ハンバーグみたいなダサい山スマホ（ふぁんトントはKyocera TORQUE SKT01ユーザーです）だとカッコよさが半減します。

360 Photosを楽しむ（360°パノラマ、全天球パノラマとも言う）

活動日記を下へ下へとスクロール / Google Photos

ふぁんトントの活動日記には、ほぼ毎回「360°パノラマ画像ギャラリー」を文章の末尾に掲載しています。長文をスクロールダウンするとご確認いただけます。あまりの長文なのでほとんどの方はスルーされてるのじゃないでしょうか。YAMAPアプリでもグリグリすることなく、Facebookアプリのようにスマホを傾けるだけでパノラマを手軽に楽しめます。

この様子は動画にしてみました。（久しぶりのFacebook動画です）

動画の画面が暗くて分かり難いので、手順をおさらいしましょう。こんな感じです。

ふぁんトントのプロフィール・タブ / Google Photos

最近の活動日記をチョイス / Google Photos

青字の「もっと見る」をタップ / Google Photos

リンクをタップ（クリック） / Google Photos

アプリブラウザでお楽しみ / Google Photos

パノラマ画像を閉じるには右上の「×」を、画像を手動で動かしたいときは右下のスマホマークをタップ（クリック）してください。尚、パソコンでは右下のマークは出現しません。マウスか指でドラッグしてくださいね。

YAMAPで360°パノラマに挑戦してみよう！

スマホを三脚で？ / Google Photos

360°パノラマ画像の撮影は難しくありません。最近発売のスマホをお使いの方なら誰でも簡単に撮影することができます。撮影方法は当ブログの過去記事を参照なさってください。

一脚を使った360°パノラマの撮影方法とGIMPを使った編集方法（前編） | ふぁんトントのブログ

もっと手軽に撮影したい方は、専用のカメラがおススメ。ワンショットで撮影できるRICHO THETA Sなら撮影場所を選びません。スマホアプリでの撮影と比べてデメリットになるのは、購入価格、撮影者の写り込み、手ぶれ対策の三点ですね。

RICOH デジタルカメラ RICOH THETA S 360°全天球カメラ 910720

posted with amazlet at 16.08.25

リコー (2015-10-23)
売り上げランキング: 407

Amazon.co.jpで詳細を見る

amazon

Googleマップに公開する

元画像(Equirectangular) / Google Photos

YAMAP（ヤマップ）アプリやサイトから活動日記に直接公開してもパノラマ画像としては再生されません。上掲のような元画像（エクイレクタングラー,Equirectangularと呼ぶ）のぐにゃぐにゃした状態で表示されます。これでは「何のこっちゃワカラン」ですよね。

Googleマップ – 360°パノラマ

このブログをスマホやタブレットでご覧の方は、FacebookやYAMAPアプリのように端末を傾けたり回してみたりすることで画像が動いてくれます。見ているとまるで、そこに立っているかのような錯覚を覚えませんか。やってみたいでしょ。あと、もう一歩です。

埋め込みページを作成する

※2018.10.05現在、Google Mapsから手軽に埋め込みコードを取得できるようになりました。以下のリンク先は、すで消滅しているものもあります。記録の為、記事を残しております。

Street View Code generatorのページ / Google Photos

ここからが正念場です。英語のサイトでツールが配布されていたりしますが、ほとんどムツカシイことはありません。慣れれば流れ作業でコピペするだけです。

Step 1

Screenshot of streetview-embed.appspot.com

Street View Code Generator

最初に +Herman Stankov さんが作成されたコードジェネレーターをお借りします。ページ最上段の枠へGoogleマップに公開したパノラマ画像のアドレス(URL)をコピペします。そして、最初に見せたい方向に画像をグリグリと動かして位置が決まったら、１０行目から１２行目のコードをコピーします。

Step 2

Basic Google Photo Sphere Javascript Tutorial

次に +Jim Popenoe さんのチュートリアルで説明されているように、上記で取得したコードの必要部分を該当箇所にペーストして、適当な名前で.htmlファイルを作成します。この時、チョートリアル中段でPopenoeさんが言及されておられる通り、”I made some small changes to the Code Generator’s output to produce the source code below:” なので、StankovさんのHTMLコードじゃなく、上記文言の後に書かれているコードにコピペしてください。

埋め込みページをアップロードする

ブログへの埋め込みは簡単 / Google Photos

前項の作業はムツカシイように見えますが、単なるコピー＆ペーストです。撮影よりもずっと簡単。ブログなどに埋め込みするだけなら、Googleマップから埋め込みコードを取得すればいいのですが、YAMAP（ヤマップ）の公開活動日記に直接埋め込むことは不可能です。したがって、ワンクッション置かざるを得ないのです。

Step 3

無料で使えるホームページサービス！ウェブクロウ

さて、ここからは懐かしいFTP接続とかレンタルサーバーとかのお話です。ホームページを立ち上げたことのある方ならお分かりだと思います。ネットオウルの提供するウェブクロウ(WEBCROW)なら、何らの苦労（クロウ）することなく広告なしで１GBまで無料で使えます。（※一般公開できるサーバーなら何でもヨシ。）