Getting Started
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
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.
view360
