概要
360度パノラマ画像ビューアーを簡単に実装できるプラグイン「Pannellum」を紹介。本記事ではjavascript APIを使用した実装方法を記載。用途・要件
- 360度パノラマ画像ビューアーを設置したい場合に利用。
 - iframeでも表示可能だが、javascript APIを使用した方が詳細な設定が可能。
 - IE11対応。
 - jQuery不要。
 - ジャイロセンサー連動無し。
 
- DEMOでは、Pannellum バージョン2.5.6使用。
 
検証ブラウザ
- Google Chrome(最新)
 - Safari(最新)
 - Firefox(最新)
 - Microsoft Edge(最新)
 - IE11
 
- 注)iOSではfullscreen APIがサポートされていないため、フルスクリーン表示できない。(Can I use)
 
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)