/wide_sight_frontend

Primary LanguageVueBSD 4-Clause "Original" or "Old" LicenseBSD-4-Clause

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