Preparations

To be able to create a map in GoBright, you first need the base layer, the 'background' which is a clean floorplan.
When you have the 'background', you're able to add icons to the background indicating the rooms and the desks.

The base layer must be an SVG or PNG image. We strongly advice to create your SVG image in Adobe Illustrator. Creating SVG's with other software can result in unexpected behavior in the GoBright Portal.

To get a good base layer, you should not get into much detail, just draw the basics of the building, with the walls and doors. In most cases, this will give you the best results.

Secondly, you need the rooms and desks defined in GoBright, as described here for rooms and here for desks. This is needed because you need to link each icon to the corresponding room or desk.

Manage maps

Log in to the portal with your manager account and choose Settings > Maps.

Now add a new map with the 'Add' button or select an existing one to edit.

Configure a map

General

A map has a name, which is used within GoBright (to link the map to a map viewer, etc.).

The background is the SVG/PNG image that you created as described above. Upload a new file that is a maximum of 1MB. The image can be added by clicking on the 'Background image' field. In the pop-up you can choose your image. 

Editor

The Map Editor offers a variety of features that allow you to build and customize your floor plan with ease. Using these tools, you can create an accurate representation of your workplace and position resources such as rooms, desks, and parking spaces exactly where they belong.

On the left part you can find the Editor options in the 'Add resource' button with drop-down selection: 

First, you add a resource with the 'Add resource' button, or you select an existing resource. Then you can move the element on the map and configure the properties of the resource on the left. 

Each element should have assigned an image (predefined set of images), and a space (room or desk). An element is only shown if it is linked to a space.

• Type: Table, Desk, Parking 1 and 2, Spotlight, Dot, Locker bank or Combined room can be selected to assign the type you want to add as element on your map
• Link to: This is required. Here the element can be linked to your Desk or Room. To search for a desk, type in at least three characters of its name.  
  • Brown: Not linked yet 
  • Blue: Linked 
  • Dark blue: Selected element to be configured
• Position X and Y: The position of the element can be changed by entering the values or using the slide bar. The element can also be moved by dragging it with your mouse. 
• Scale: Change the size of your element by entering the value or using the slide bar
• Rotate: Use the rotate icons to rotate your element 
• Reset button: With the reset button you can reset the configured values of your element
• Copy button: With the copy button the selected element(s)* will be copied 
• Delete button:

* Multi-item selection: Use the CTRL keyboard button to select multiple items. You can then move them by keeping the CTRL keyboard button pressed and drag them to a new place.

At the right part:

The map is shown here with your elements. You can zoom in- and out for easier use.

Inline search: At the top of the map there is a search field to find element within the map by it's name. 

By selecting 'Add icon' in the drop-down button, standard icons such as Doors, Elevators, Food and ISO 7010 icons to be added to the floorplan.

With using the 'Add text' button you can add free text as a short description of a room, office or space on the floorplan.

To learn how to change the text color and border color, please refer to the article Changing colors of text or icons in maps.

Drawing a space

Instead of adding icons for bookable spaces, you can create and customize each space directly using the map editor. To begin, open the drop-down menu and select Draw resource. This option allows you to draw the exact shape and position of your bookable spaces on the map, making the layout more accurate and visually intuitive.

After selecting Draw resource, simply click and drag on the map to outline the desired space. You can create different types of resources, adjust their size and alignment, and organize them to match your real office or floor layout. This approach provides a clearer overview for users and helps ensure that bookable spaces are easy to identify and navigate.

Use the pen tool to draw the outline of your space directly on the map. While drawing, hold the Shift key on your keyboard to keep lines aligned with the walls and create cleaner, straighter edges.

You can add multiple points to define the shape of the space in more detail — up to 60 points are supported. Each point can be repositioned by dragging it, allowing you to create curved layouts that accurately reflect the real shape of the area. Double-click on a point to remove it from the shape.

Continue drawing until the outline is fully connected and the border is closed. Once completed, the bookable space will automatically turn brown, indicating that the shape has been successfully created. You can then link the space to a specific bookable resource, such as a meeting room, desk or parking space.

This method provides great flexibility and precision, making it easier to create an accurate and user-friendly floor plan.

For a more detailed demonstration of the process and available features, please watch the video below.

Drawing these layers is also possible in Adobe Illustrator. If you want to use the booking functionality for a space, you need to follow the steps below while creating the map in Adobe Illustrator.

• Add an extra layer in the Adobe Illustrator file and name it [GBLayer]
• Draw the spaces you want in the [GBLayer] and rename the <Path> for every object to [GoBrightLayer]
• After you have uploaded the SVG map in the portal you can link the spaces you previously created in the [GBLayer] to a room in the GoBright portal.

In the GoBright portal you can also set up some advanced settings regarding the room name size, alignment, icon group position and size.  

Map routing

With the map routing feature, you can create a complete navigational path for an entire floor or even your whole building. It allows you to guide users to any resource on any level of the facility. The system can display turn-by-turn directions, showing users how to reach their booked desk or meeting room using the most suitable route -whether that’s via stairs, elevators, or the nearest available exit. This ensures a seamless, intuitive wayfinding experience for all users. To learn more, check the article Map Routing.

User identification

A small circle will be displayed on the space either it is a room, desk or parking space where, when booked, the initials of the user or their photo will be displayed, if user photo sync is enabled. How to enable the user photo sync please read in this article.

Next

Now your map is ready to be used in a Map viewer, proceed to the next article!