Getting Started

Installation

npm

In case using npm,

npm install @egjs/view360 --save

script tag

In case using script tag, Download the latest version of view360.js and include using the script tag

<!--script src="/path/to/js/release/latest/dist/PanoViewer/release/latest/dist/PanoViewer/view360.panoviewer.pkgd.min.js"></script--> <script src= "//naver.github.io/egjs-view360/release/latest/dist/PanoViewer/view360.panoviewer.pkgd.min.js" ></script>

Download link

Usage

1. Set up your Container Element

Your container element’s dimensions should be defined.

<div id= "myPanoViewer" ></div>

2. Import Module

ES5

// Use global namespace var PanoViewer = eg . view360 . PanoViewer ;

ES6+

// Or use es6 import import { PanoViewer } from " @egjs/view360 " ;

3. Initialize PanoViewer

// create PanoViewer with option const panoViewer = new PanoViewer ( document . getElementById ( " myPanoViewer " ), { image : " /path/to/image/image.jpg " } );

For more information about API, please visit the link.