Skip to main content

Floor Plans

Floor plans are images of a site's levels, over which zones are drawn as polygons for visualization in the Zone Map.

Floors​

Each site can have multiple floors (levels). Floors are organized by level:

LevelFormatExample
NegativeB1, B2, B3...Basement, garage
0GFGround floor
Positive1F, 2F, 3F...Upper floors

A floor can be marked as default — it is displayed first when opening the map.

Floor list​

Floor list with level, floor plan indicator, and default floor badge

The Floors page (/sites/{site}/floors) displays:

  • Name — Floor name
  • Level — Formatted as above
  • Floor plan — Upload indicator (with icon)
  • Default — Badge if it is the default floor
  • Zones — Number of associated zones

Create a floor​

  1. Go to the site page and click "Floors"
  2. Click "Add Floor"
  3. Fill out the form:
FieldRequiredDescription
NameYesFloor name (e.g., "Ground Floor", "2nd Floor"). Max. 255 characters
LevelYesInteger (-10 to 200). Negative for basements, 0 for ground floor
Floor PlanNoFloor image. Formats: PNG, JPG, SVG, WebP. Max. 10 MB
Default floorNoMark as the floor displayed by default on the map
  1. Click "Save"
Floor plan format

For best quality on the map, use PNG or SVG images with a transparent or white background. The recommended resolution is at least 2000px wide.

Zone boundary editor​

Floor editing with a loaded floor plan and a list of available zones

After uploading the floor plan, the boundary editor allows you to draw the zone polygons over the image:

How it works​

  1. Edit the floor
  2. In the "Zones" section, the available zones (not associated with another floor) are listed
  3. Click "Assign Zone" to associate a zone with the floor
  4. Click "Edit Boundary" to draw the zone polygon over the floor plan
  5. Adjust the zone color for visual differentiation
  6. Set the display order (zones with a lower order are rendered below)

Boundary editor drawing the boundaries (polygon) of a zone over the floor plan

Editor tips​

  • Click on the vertices to adjust the polygon
  • Use precise coordinates to align with walls and corridors
  • Zones can overlap (use the order to control which one is visible)
  • Each zone's color is independent of its type — allowing visual customization

Edit a floor​

In the list, click the floor name. You can change the name, level, floor plan image, and default status.

Delete a floor​

Click "Delete" in the list. The dialog shows how many zones are associated with the floor. Zones are dissociated (not deleted).