Please follow the below steps to add a Floor Plan to HIB React.

Launch the Map Editor
Download the Map Editor from any Schools page in System Settings. After downloading, double-click the Setup icon to launch the Map Editor

Log in to your account
Enter the same username and password used to log in to either the desktop or mobile version of HIB React.

Choose a School
Select a school from the School drop-down menu.
Choose a Location
Select the correct location from the Location drop-down menu (Floor 1, Floor 2, etc.).
Enter the Latitude and Longitude
These coordinates can be copied directly from Google Maps by right-clicking on the red pin in Google Maps and then clicking on the coordinates in the context menu. This method ensures the most accurate location possible.

After copying the coordinates, switch from Google Maps to the Map Editor and click the Copy from Google Clipboard button. This will auto-fill the coordinates from Google Maps in to the Map Editor.

Then the Go to button and the Map Editor will display a black target (+) over those exact coordinates.

Add a Floor Plan
Right-click on the Map Editor in the area where the floor plan should go  — generally, on top of the building's outline.

Select Upload Floor Plan from the context menu.

Browse for the desired floor plan and double-click select it.

Click the Load button.

The Floor Plan will now be overlaid on the map area of the Map Editor

Arrange the Floor Plan
Manipulate the floor plan so that it fits as close as possible to the building outline on the Map Editor.

To zoom in or out, use the scroll wheel on your mouse.

To move the Floor Plan left, right, up and/or down, use the arrow controls from the side panel. You can choose from three speeds — Fast, Medium, Slow — depending on desired level of precision.

To adjust the display angle of the Floor Plan, use the left and right circular arrows from the side control panel. You can choose from three speeds — Fast, Medium, Slow — depending on desired level of precision.

To adjust the size of the Floor Plan, use the + and - magnifying glasses from the side panel.

Once the Floor Plan is close to the building outline, switch display views to Satellite Map by ticking he box named Satellite Map from the side panel. This will allow for the Floor Plan to be overlaid more accurately on the Map Editor.

Add Map Bounds
To add Map Bounds, click the Map Bounds button from the side panel. Then draw a rectangular outline around the Floor Plan.

To adjust the Map Bound, click the Map Bounds button again and redraw the rectangle.

The Map Bound is the area that will display when a user opens the map for the first time.

Add a Geofence
To add a Geofence, click the Geofence button from the side panel. Then draw a rectangular outline around the Floor Plan.

To adjust the Geofence, click the Geofence button again and redraw the rectangle.

The Geofence is the area from which a user can initiate an emergency.

Finalize the Map
Once the Floor Plan has been added, the Map Bound has been drawn and the Geofence has been drawn, save the new Floor Plan to HIB React.

To do so, click the Save Map to Server button at the bottom of the side panel.

The Map Editor will display a pop-up confirmation that the Floor Plan was successfully created and saved.

Confirm the Map has been added
To confirm, log in to HIB React at https://react.hibster.com/ with the same username and password as above.

Go to Settings › Schools tab › Select the school that was just added › Click on the Floor Plan that was just added › Confirm a Floor Plan is visible.

If a Floor Plan does not load, repeat the steps above to make sure it is added to HIB React.