Skip to content

enricofer/wide_sight_frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

735d35f · Aug 24, 2023

History

19 Commits
Jan 7, 2019
Aug 24, 2023
Aug 24, 2023
Oct 17, 2018
Oct 17, 2018
Oct 17, 2018
Oct 17, 2018
Oct 17, 2018
Oct 17, 2018
Oct 17, 2018
Oct 17, 2018
Feb 22, 2019
Mar 18, 2020
Aug 24, 2023
Jan 18, 2019
Aug 24, 2023
Jan 9, 2019

Repository files navigation

wide_sight_frontend

Widesight frontend for browsing and extracting informations from a widesight panorama service

nn

Build setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

Configure

The VUEjs app define a new wide-sight html tag as a widesight panorama viewer within the html page.

The viewer needs to be configured with the following parameters:

<html>
  <head>
    <title>wide_sight_frontend</title>
    <style>
    wide-sight {
      width:600px;
      height:400px;
    }
    </style>
  </head>
  <body>
    <wide-sight
        backend="http://localhost:8080"
        apikey="3788e7c9-ace9-4fb6-95b9-db6170b6286f"
        panokey="6d5e2b70-8517-44a8-acd5-e7c12e00272a"
        overlay="https://beato.duckdns.org:8443/static/test.geo.json">
    </wide-sight>
  </body>
</html>

Viewer features

Browse panoramas

Click on yellow spots to browse panoramas

Viewer options

click on settings button to configure viewer elements visibility

Tag image

Click on tag button to enable polygon tagging on panorama

Geolocate map spots on image

Double click on image to insert a geolocated map spot

Tune panorama visual parameters

Click on tuning icon to rule panorama visual parameters (location, height from ground, pitch, roll)for improving geolocation accurancy