• Documentation
  • NEED HELP?
  • Documentation
  • NEED HELP?

Dragonfly

home/Documentation/Dragonfly
Expand All Collapse All
  • Introduction
  • Architectures
  • Requirements
    • Dragonfly Kit
    • Enviroment
  • Create your account
  • Install Dragonfly
    • Install on Ubuntu
    • Install on Windows 10
    • Install on Windows 10 Pro (inside WSL)
  • Launch Dragonfly
    • Launch on Ubuntu
    • Launch on Windows 10
    • Launch on Windows 10 Pro (inside WSL)
  • Configure Dragonfly
    • Configuration parameters
    • Connect the camera
      • USB camera
      • Remote USB camera
      • Raspberry Pi camera
      • Drone's camera
      • Smartphone/tablet camera
      • IP cameras
      • Other video streams
    • Calibrate the camera
      • Monocular cameras
      • Stereoscopic cameras
    • Configure the Camera field Of View (FOV)
  • Use Dragonfly
    • Mount the camera
    • Perform the mapping
    • Perform the geo-referencing
    • Retrieve the positions
    • Display the positions
  • Heatmaps and analytics
  • Maps management
  • API
  • Update Dragonfly
  • Licenses
  • Knowledge Base / FAQs

Display the positions

172 views 3

These are the steps to follow in order to display inside your software/web application the positions computed by Dragonfly on the floor plan image uploaded inside the Dragonfly Cloud Dashboard:

Step 1 – Determine the Floor plan ID

Determine the {FloorplanID} of the floor plan that you want to visualize inside your application. This can be done by following these steps:

  1. Access the Dragonfly dashboard at at this link.
  2. From the top right corner of the screen select the Site ID that contains the floor plan of interest.
  3. Click on General > Floor plans.
  4. Take note of the {FloorplanID} of the floor plan of interest shown under the Floor plan ID column (e.g. it is an alphanumeric string like this “jbk5aaybku“).

Step 2 – Download the floor plan KML and image

Create a function inside your application in order to download:

  1. The KML file with the geo-references of the images:
    • https://s3.eu-central-1.amazonaws.com/onit.its.floorplans/{SiteID}/{FloorplanID}_a.kml
  2. The floor plan image:
    1. https://s3.eu-central-1.amazonaws.com/onit.its.floorplans/{SiteID}/{FloorplanID}_a.{Extension}

Where:

  • {SiteID} is the ID of the site.
  • {FloorplanID} is the ID of the floor plan.
  • {Extension} is the extension of the floor plan image. Please try with GIF or JPG or PNG.

Step 3 – Display the floor plan and position inside your application

Once you have the KML files and the floor plan images you have 2 options:

OPTION 1 – positions as WGS84 coordinates

  1. parse the information available inside the KML file to retrieve the four boundaries of the floor plan image.
  2. overlay the floor plan image on Google or Open Street map or on any other map using the info retrieved at the previous point.
  3. display the WGS84 coordinates returned by Dragonfly on the floor plan image!

OPTION 2 – positions as pixel of the floor plan image

  1. display the floor plan image inside your application (without having to use the KML file and without having to overly the floor plan image on any underlying map).
  2. convert WGS84 coordinates returned by Dragonfly  into pixels of a floor plan image following the instruction at this link.
  3. display the position (converted into pixels) on the floor plan image!

Was this helpful?

3 Yes  No

Onit Group srl
Sede Legale (Register Office):
Via dell’Arrigoni n° 308, 47522 – Cesena (FC) – Italy
Tel: +39 0547 313110

P.IVA: 03240560403 – C.F.: 04057301006 FC
REA: 292006 – SDI: T04ZHR3
Privacy/cookies

© Onit Group srl – All Rights Reserved