Wiki source code of Floorplans - Upload and Configure on showrunnerHUB™
Last modified by Alexander Mott on 2025/05/23 21:55
Show last authors
author | version | line-number | content |
---|---|---|---|
1 | * ((( | ||
2 | === Upload Map - Youtube Tutorial - [[Add and Associate Map>>https://youtu.be/5qBHFfbSMp0]] === | ||
3 | ))) | ||
4 | |||
5 | |||
6 | 1. Login to ShowRunnerHUB™ | ||
7 | 1. Click on the setup gear in the upper right corner | ||
8 | 1. Click on the Maps tab | ||
9 | 1. Click Add Map | ||
10 | 1*. Files must be in SVG (preferred) or PNG format | ||
11 | 1*. If zooming in on a PDF floorplan does not cause the floor plan to become blurry, then it should be able to be converted to SVG using a vector graphics editor (Inkscape is a free software, but may not work with every PDF) | ||
12 | 1*. If zooming in on a PDF floorplan results in the image blurring, then the PDF has been rasterized and will need to be converted to a .png in order to be used | ||
13 | 1. Fill in form((( | ||
14 | |||
15 | |||
16 | [[image:Screen Shot 2021-12-10 at 1.52.42 PM.png||height="362" width="150"]] | ||
17 | |||
18 | |||
19 | 1. Bound X -Image Resolution or start with 1000 | ||
20 | 1. Bound Y – Image resolution or start with 1000 | ||
21 | 1. Initial Zoom – Start with 1 | ||
22 | 1. Min Zoom – Start with -2 | ||
23 | 1. Max Zoom – Start with 10 | ||
24 | ))) | ||
25 | 1. Upload Image using Map File Upload Button | ||
26 | 11. If you are running ShowRunnerCLC™ 3.10 and below follow these steps: | ||
27 | 11*. If file image is over 1mb, click “Save new map.” It will appear as though the map uploads, but it won’t due to Crestron limitation. | ||
28 | 11*1. Manually transfer the file to NVRAM -> sr-graphics | ||
29 | 11*1. Refresh the page | ||
30 | 1. Associate Map | ||
31 | 11. Navigate back to main ShowRunnerHUB page | ||
32 | 111. Click either ShowRunnerHUB logo in upper left corner or select Area View | ||
33 | 11. Select root node | ||
34 | 11. Click Hamburger menu select Add Node | ||
35 | 11. Select Newly created Node | ||
36 | 11. Click Hamburger menu on New Node and Associate Map | ||
37 | 11. Choose map from list that was uploaded earlier | ||
38 | 11. Refresh and map will appear | ||
39 | |||
40 | === Draw and Configure - Youtube Tutorial - [[Draw and Configure>>https://youtu.be/VreqGeElitU]] === | ||
41 | |||
42 | |||
43 | 1. Add Areas | ||
44 | 11. Click on Settings gear icon | ||
45 | 11. Click on Add Area Tool | ||
46 | 11. Draw points around area you are creating | ||
47 | 11. Once area is completed, chose area to associate to the object in drop down | ||
48 | 11. Area is created | ||
49 | 1. Change Color of Areas | ||
50 | 11. Click on any area | ||
51 | 11. Select from available colors or use hex color | ||
52 | 11. Click save | ||
53 | 1. Click Gear to Exit Editor |