VueJS Panorama Viewer
Embed panorama into your website VueJS version of JQuery Panorama Viewer
Demo
Getting started
using npm
npm install vuejs-panorama --save
Or using script tag for global use
<script src="https://unpkg.com/vuejs-panorama@latest/dist/Panorama.js"></script>
Or Download Panorama.js and include it in your html
Installing & Running Locally
Clone the repository using git:
git clone https://github.com/mudin/vue-panorama.git
Installing all dependencies:
npm install
Build
npm run build
Run locally:
npm run example
This will start development server on localhost:4000
Usage
Panorama by equirectangular image
<template>
<Panorama source="pano.jpg" caption="Awesome Panorama"/>
</template>
<script>
import { Panorama } from 'vuejs-panorama'
export default {
components: { Panorama }
}
</script>
Or
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div id="app">
<Panorama source="pano.jpg" caption="Awesome Panorama"/>
</div>
<script src="vue.js"></script>
<script src="vuejs-panorama.js"></script>
<script>
new Vue({
el: '#app'
})
</script>
</body>
TODO List
- Auto Rotate
Contributing 
If you would like to contribute code you can do so through GitHub by forking the repository and sending a pull request.
LICENSE
MIT
8 Dec 12, 2022
3 Oct 31, 2022
348 Mar 10, 2022
6.3k Jan 4, 2023
2.1k Dec 31, 2022
0 Dec 3, 2020
0 Dec 24, 2021
0 Oct 28, 2022
1.9k Jan 4, 2023
767 Dec 30, 2022
260 Sep 20, 2022
2.2k Jan 3, 2023
63 Nov 24, 2022
148 Dec 19, 2022
16 May 4, 2022
8 Dec 19, 2022
6 Dec 12, 2022
0 Dec 3, 2020
14 Oct 29, 2022
260 Sep 20, 2022
6.9k Jan 5, 2023
19 Jun 7, 2022
88 Dec 5, 2022
3 Oct 18, 2022
8 Dec 29, 2022
4 Aug 25, 2022
28 Oct 16, 2022