Create Buildings & Upload Floor Plan Maps in Geo/Campus Locations

To support the expanding digital workplace requirements, we are introducing the maps service to support maps, floor plans, and wayfinding integration for kiosks and room scheduling experiences.

The module allows administrators to upload floor plans and group them into a geo location, campus location, or building location. Administrators can also manage locations for rooms and other points of interest, such as restrooms, lifts, exits, and such, on the floor plan.

In this first phase, the maps service integrates with calendar resources, supports room metadata, and links to calendar providers such as Google GSuite and Microsoft Office 365. Users keen on using this module may leverage the Appspace Schedule Board card and configure it with a floor plan map for an ideal room booking solution.

The maps service is also designed to work with other IWMS (Integrated Workplace Management System) providers.

This article provides instructions to add and organize floor plans in Locations.

Prerequisites

  • Account Owner or Location Admin permissions required.
  • Administrator permissions to a Calendar Provider booking account required.
  • Ensure the Calendar Provider booking account has been preconfigured with resources (rooms, buildings).
  • Floor plans images should be in the following formats: .jpg, .svg, .bmp, .png, and .gif.

Locations Navigation

The network structure in the Locations module integrates with the user’s location structure created under the Locations tab in Devices, and has the same concept – root network and sub-networks.

In the Locations module, however, you have the options to create a Geo Location (root location), a Campus Location (sub-location), and a Building (sub-sub-location). Each location type will have its own icon displayed next to its name in the Locations network tree. You can have multiple campus locations in a geo-location, and multiple buildings in a campus, but not vice versa.

You may upload floor plans for each building only.

This structure allows organizations with regional offices with a better floor plan and map organization, ideal for room scheduling and wayfinding.

When a geo-location or campus location is created here in the Locations module, the user’s location in the Location tab in Devices is automatically updated. If you’d like to move the location of any campus location or building location you’ve created, to a different geo-location, you must do so in the Locations tab in Devices.

Geo Location

When a Geo Location is selected in the Locations network tree, the dashboard on the right will display all the campus locations and buildings available in its location.

Right-clicking on a Geo Location in the Locations tree or on the dashboard will display these options:

  • Edit – Edit the selected location name or type.
  • Delete – Delete the selected location.
  • Export – Export the selected location.
  • Add Geo Location.
  • Add Campus Location.
  • Add Building Location.
Note
You may add one or multiple Campus Location(s), Building(s), or even another Geo Location in a Geo Location.

Campus Location

When a Campus Location is selected in the Locations network tree, the dashboard on the right will display all the building locations available in its location, and the number of floors associated with each building.

Right-clicking on a Campus Location in the Locations network tree or on the dashboard will display these options:

  • Edit – Edit the selected location name or type.
  • Delete – Delete the selected location.
  • Export – Export the selected location.
  • Add Building Location
Note
You may only add one or multiple Building(s) in a Campus Location.

Building Location

When a building is selected in the Locations network tree, the dashboard on the right will display all the floor plans uploaded for this building, and the number of POIs (points of interest such as boardrooms, meeting rooms, lifts, staircase, restroom, etc.) associated with each building.

Right-clicking on a Building in the Locations network tree or on the dashboard will only display these options:

  • Edit – Edit the selected building name, building identifier, or upload a photo of the building.
  • Delete – Delete the selected location.
  • Export – Export the selected location.

Right-clicking on a floor plan will display these options:

  • Quick – Edit the floor name and floor number.
  • Delete – Delete the floor plan.
  • Export – Export the floor plan.
Note
You may add one or multiple floor plans in a Building.

Configure Location Theme

Administrators may configure the default colors for Rooms, Points of Interest, and even the Resource Status colors used when mapping the floor plan. These colors will automatically be reflected when viewing the floor plan in Map View in Reservations, or on the Schedule Board card with floor plans configured.

Follow the instructions below to configure the default theme colors.

  1. Log in to the Appspace console.
  2. Click Locations from the ☰ Appspace menu.
  3. Click Theme in the side panel.
  4. Proceed to configure the default colors:
    • To change the default color of existing Rooms, Open Spaces, Point of Interest, and Status Colors, click the color picker box of the resource, and select a color from the template and save.
    • To add a resource category, click the Add icon, and select the category type from the drop-down menu. Once added, you may configure the default color for the resource.

Configure Locations

Note
The Upload Floor button will only be enabled when a Building Location is selected.

Create Geo Location

The instructions below show you how to create a geo location.

  1. Click Locations from the ☰ Appspace menu.
  2. Click the CREATE drop-down arrow, and select Create Geo Location.
  3. Enter the name of the geo location, and click SAVE.
  4. You may continue to create a Campus Location or a Building Location.

Create Campus Location

Follow the instructions below to create a campus location.

  1. Click Locations from the ☰ Appspace menu.
  2. Select the desired geo location and click the CREATE drop-down arrow, or right-click on any Geo Location, and select Create Campus Location.
  3. Enter the name of the campus location, and click SAVE.
  4. Proceed to Create a Building.

Create Buildings

Follow the instructions below to create a building location.

  1. Click Locations from the ☰ Appspace menu.
  2. Select the desired location and click the CREATE drop-down arrow, or right-click on any Campus Location, and select Create Building Location
  3. Enter the name of the campus location, and click SAVE.
  4. Proceed to the Upload a Floor Plan section below.

Upload a Floor Plan

Follow the instructions below to upload a floor plan.

  1. Click Locations from the ☰ Appspace menu.
  2. Select the building you wish to upload the floor map to.
  3. Click Upload Floor, and select the floor plan image from your computer.

    Note
    Locations supports floor plan images in the following formats: .jpg, .svg, .bmp, .png, or .gif
  4. Once uploaded, proceed to Configure the Floor Plan to trace the room and determine the points of interest.

Configure Floor Plan

Follow the instructions below to configure and map the room or points of interest to the floor plan.

  1. Click Locations from the ☰ Appspace menu.
  2. Navigate to the building containing the floor plan you wish to configure from the Locations tree.
  3. Click the floor plan to configure and click the Edit tab. The Preview tab allows you to view the floor plan, and resources once it has been configured.
  4. Click ADD, and select one of the map tracing options:

    • AUTO TRACE – Automatically traces the borders of the room.
    • Polygon – Manually trace the borders of the room using your mouse pointer.
    • Marker – Manually hotspot a location.
  5. Click and map the room, space, or point of interest on the floor plan to complete the action.
  6. Click the mapped room, space, or point of interest, and configure the following fields:

    • In the GENERAL section, click to expand:
      • Link to Managed Resource – Select where the resource is managed from the drop-down menu.
        • Appspace Reservations – Resource is managed by the Reservations module. If this option is selected, the resource will be automatically created and linked with the Reservations module. 
        • External Calendar Passport – Resource is managed by an external calendar provider, such as Google Calendar or Office 365. If this option is selected, proceed to select the calendar passport, and enter the resource to be linked.
        • None – Resource is not managed.
      • Name – Enter the name of the room or point of interest, if not auto-filled by the calendar resource.
      • Identifier – Enter the room number or specific location of the area.
      • Type – Select the type of mapping.
        • Room – To define rooms in the floor plan, such as offices, conference rooms, auditoriums, etc.
        • Space – To define spaces in the floor plan, such as training areas, social areas, huddle spaces, etc.
        • Point of Interest – To define points of interest in the floor plan, such as sanitization stations, elevators, bathrooms, etc.
      • Room / Space / Point of Interest – Select the type of room, space, or point of interest. For a list of complete options that are available, refer to the Rooms, Spaces, and Points Of Interest Options section below. 
      • Capacity – Enter the capacity of the room.
      • Facilities – Add the facilities available in the room.
    • In the DISPLAY section, click to expand:
      • Coordinates – Enter the coordinates of the room to the floor plan.
      • Show Label – Displays a label for the resource.
      • Fill Color – Customize the resource color.
      • Label Color – Customize the resource label color.
    • In the DETAILS section, click to expand:
      • Notes – You may enter any notes to the resource.
      • Photo – Add a photo of the room.
    • Delete – Delete the room or point of interest.
  7. Once done, click SAVE.

Managing Bulk Resources

Follow the instructions below to bulk manage the rooms, spaces, or points of interest on the floor plan.

  1. Click Locations from the ☰ Appspace menu.
  2. Navigate to the building containing the floor plan you wish to configure from the Locations tree.
  3. Click the floor plan to configure and click the Edit tab.
  4. Select the rooms, space, or points of interest checkboxes you wish to manage, and click the ellipsis, and select Edit.
  5. In the GENERAL section, click to expand:

    • Type – Select the type of mapping.
      • Room – To define rooms in the floor plan, such as offices, conference rooms, auditoriums, etc.
      • Space – To define spaces in the floor plan, such as training areas, social areas, huddle spaces, etc.
    • Room – Select the subtype of room or space. For a list of complete options that are available, refer to the Floor Plan Rooms, Spaces, and Points Of Interest Options section below.
    • Facilities – Add the facilities available in the room.
  6. In the DISPLAY section, click to expand:
    • Show Label – Displays a label for the resource.
    • Marker Size – Point of Interest marker size.
    • Fill Color – Customize the resource color.
    • Label Color – Customize the resource label color.
    • AlignmentHorizontally Align or Vertically Align labels.
  7. Once done, click Save.

Configuring Floor Plan Zones

Zones allow you to group together rooms and workspaces, enabling users to reserve all rooms or workspaces within the zone efficiently.

Follow the instructions below to manage the zones on the floor plan.

  1. Click Locations from the ☰ Appspace menu.
  2. Navigate to the building containing the floor plan you wish to configure from the Locations tree.
  3. Click the floor plan to configure and click the Zones tab.
  4. Click ADD, and select one of the map tracing options:

    • AUTO TRACE – Automatically traces the borders of the room.
    • Polygon – Manually trace the borders of the room using your mouse pointer.
  5. Click and map the zone for the room, space, or point of interests on the floor plan to complete the action.
  6. Click the mapped zone and configure the following fields:

    • In the GENERAL section, click to expand:
      • Name – Enter a name for the zone.
    • In the DISPLAY section, click to expand:
      • Coordinates – Enter the coordinates of the zone to the floor plan.
      • Show Label – Displays a label for the zone.
      • Fill Color – Customize the zone color.
      • Label Color – Customize the zone label color.
    • In the DETAILS section, click to expand:
      • Notes – You may enter any notes to the zone.
    • Delete – Delete the zone.
  7. Once done, click Save.

Configure “You Are Here” Indicator

Follow the instructions below to configure the You Are Here indicator on a map using device properties:

  1. Click Locations from the ☰ Appspace menu.
  2. Select the floor plan you wish to configure.
  3. Add a Point of Interest by following the instructions in the Configure Floor Plan section above.
  4. Once done, click the Info icon, and click the Export button to export the floor plan .json file. The .json floor plan file should be downloaded to a default folder on your computer.
  5. Open the .json floor plan file with a text editor, and search for the Point of Interest ID or coordinates, depending on the device property you wish to use.
  6. Back in the Appspace console, select Devices from the ☰ Appspace menu.
  7. Select and click the device that will be displaying the map, and click the Settings tab.
  8. Click the Device Properties tab, and add one of the following device properties and values.
    • Using the Point of Interest ID:
      • Property: card.schedule.map.locationid = <POI ID>
      • Example: card.schedule.map.locationid = 6c1df113-88dc-4934-ac0b-c20d8444c41f
    • Setting the device using the Point of Interest Coordinates:
      • Property: card.schedule.map.location = {“coordinates”:[###,###],”floorNumber”:#}
      • Example: card.schedule.map.location = {“coordinates”:[1144.847376923731,484.71643567723817],”floorNumber”:14}
  9. The map on the Schedule Board card will be displayed with the You Are Here indicator icon.

Rooms, Spaces, and Points Of Interest Options

The following lists down the rooms, spaces, and points of interest that are available to be added to your floor plan.

Rooms

  • Auditorium
  • Class Room
  • Conference Room
  • Executive Room
  • Meeting Room
  • Office
  • Room
  • Video Conference Room

Spaces

  • Huddle Space
  • Neighborhood
  • Open Seating
  • Open Tables
  • Silent Area
  • Social Area
  • Training Area

Points of Interest

  • Atm
  • Bathroom
  • Bathroom Handicap
  • Bathroom Men
  • Bathroom Women
  • Bleachers
  • Break Room
  • Bus
  • Cafe
  • Changing Table
  • Dry Cleaner
  • Elevator
  • Elevator Down
  • Elevator Up
  • Escalator
  • Escalator Down
  • Escalator Up
  • Exit
  • Exit Left
  • Exit Right
  • Fast Food
  • Firehose
  • Freight
  • Front Desk
  • Front Porch – New
  • Games
  • Gym
  • Information
  • Janitor’s Closet
  • Library
  • Lockers
  • Mail
  • Maintenance Room
  • Medical
  • Nursery
  • Parking
  • Prayer Room
  • Printer
  • Quiet Space – New
  • Recycling
  • Restaurant
  • Sanitizing Station
  • Service Desk
  • Shop
  • Shower
  • Social Lounge – New
  • Solarium
  • Stairs
  • Stairs Down
  • Stairs Up
  • Taxi
  • Terrance
  • Toilet
  • Train
  • Training – New
  • Trash
  • Vending Machine
  • Video
  • Washroom
  • Water Fountain
  • Wellness
  • Wheelchair Accessible
Related Articles
Latest Articles