https://github.com/mudin/vue-panorama

Panorama viewer for your homepage
https://github.com/mudin/vue-panorama

360-photo 360photo panorama vue wheelview

Last synced: about 1 month ago
JSON representation

Panorama viewer for your homepage

• Host: GitHub
• URL: https://github.com/mudin/vue-panorama
• Owner: mudin
• License: mit
• Created: 2019-03-18T05:28:42.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-10-28T02:20:10.000Z (almost 6 years ago)
• Last Synced: 2025-07-09T14:47:52.005Z (3 months ago)
• Topics: 360-photo, 360photo, panorama, vue, wheelview
• Language: Vue
• Homepage: https://mudin.github.io/vue-panorama/
• Size: 366 KB
• Stars: 20
• Watchers: 2
• Forks: 6
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  

    

  

  

    

  

  

    

  

  

    

  

  



# VueJS Panorama Viewer

Embed panorama into your website

VueJS version of [JQuery Panorama Viewer](https://github.com/peachananr/panorama_viewer)

## Demo

[Demo](https://mudin.github.io/vue-panorama/)

![Demo](https://mudin.github.io/vue-panorama/assets/vuepanorama.gif?raw=true)

## Getting started

using npm

```

npm install vuejs-panorama --save

```

Or using script tag for global use

```html

```

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

```vue

    

    import { Panorama } from 'vuejs-panorama'

    export default {

        components: { Panorama }

    }

```

Or

```vue

    

    


        

    

    

    

    

        new Vue({

            el: '#app'

        })

    


```

## TODO List

* Auto Rotate

## Contributing [![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/mudin/vue-panorama/issues)

If you would like to contribute code you can do so through GitHub by forking the repository and sending a pull request.

## LICENSE

MIT