Adding Interactive Maps


Learn how to create a map in Backstage and how to add interactive markers to it.

With Backstage, you can easily import venue maps, organise them in floors and add interactive markers linked to the rooms in which sessions take place.

Getting Ready

To get started, you need one file for each floor of the venue where your event takes place. The floor map is a simple representation of the venue. Below you can find an example of a floor map.


The file should be only in .png or .svg format and size should be 2000 x 2000 px.

Creating your Floor Maps
The first step to add an interactive map to your event is to create all the floors that make up the map. To create a floor for your map:

  1. Access the Maps module
  2. Click on Create Floor
  3. Fill in all the necessary fields:
  • The ID is the unique identifier of the floor – it can be left blank if so it will be automatically assigned by Backstage.
  • The Name will be used within Backstage to identify the floor name. The Status field can be set to:
    • Visible: the floor will be displayed in the app. This is the default status of the floor if it has not been set.
    • Hidden: the floor will not be displayed in the app. This option can be used to temporarily hide the floor when it is not open to participants.

     4. To attach the floor map to the floor in Backstage there are 2 options:

  • Upload: files can be directly imported and attached to the floor.
    • Width and Height are set by default
    • Availability: we recommend you make maps available offline, so that they are automatically downloaded with the app on participants’ devices
    • Unique Identifier is the unique identifier of the file – it can be left blank, if so it will be automatically assigned by Backstage
    • Choose File from your computer and upload it to Backstage
    • Click on Save Asset
  • Choose: in case the file has been already imported, it can be retrieved by simply choosing it from the dropdown menu and then confirming the choice by clicking "OK".

     5. Save Item

Repeat the steps above for each floor that needs to be added to Backstage.

Creating your Map

Once all floors have been created in Backstage, they need to be combined to create one map.

  1. Click on Create Maps from the top panel
  2. Fill in all the necessary fields:
  • ID: set by default by Backstage, please do NOT change it
  • Name: this is the map’s name that will be displayed in the app
  • Search Enabled: this default setting allows searching for a specific location on the map
  • Maximum, Minimum and Preset Zoom control the zoom in the app

    3. Choose or create the Default Floor: this sets the floor that will be displayed when once you open the map in the app. Normally this is the floor where most of the sessions take place

    4. Floors: all floors that are part of the map needs to be included – you can directly create the floors or simply choose them from the dropdown menu. Please make sure to include the default floor as well

    5. Save Item

Adding your Map

The last step is to make your map interactive, adding markers that link locations used across the app to the map itself.

  1. Click on Editor under Action for the map that has to be edited Adding Interactive Maps
  2. The Map Editor opens and you can start editing the map by clicking on the edit icon. Choose the floor to edit from the dropdown menu on the top left side of the editor.
  3. Clicking on the map drops a marker
  4. Clicking on the new item, you can set the marker details:
  • Icon: choose which icon will be displayed in the map (eg. Circle, Restaurant or Café). New icons can be added to List Assets. Please do not use icons that contain "marker" in their name. In case you need this icon, you can simply download it and re-upload it with a different name.
  • Type: choose from the following:
    • Session: link the location to a session
    • Sponsor: link the location to a sponsor area (it requires the Sponsor feature to be enabled in the event)
    • Map: please do not use this option
    • If none of the above is selected, the marker is static, for example in the case of markers for Restaurant or Café
  • Name: this is the name of the location displayed on the map
  • BSTG Location: in order to link the location to a sponsor or a session, it is necessary to indicate the exact same location added to the sponsor/session.
  • Show: you can choose what to display on the map:
    • All: both the icon and the label.
    • Icon only: only the chosen icon is displayed, the location name is not shown.
    • Label only: only the location name is displayed, the icon is not shown.
    • Search only: the location is not displayed on the map unless it is searched for.

     5. Save the item.

     6. Create as many markers as necessary, then exit edition mode by clicking on the edit icon again.



Was this article helpful?
1 out of 1 found this helpful
Have more questions? Submit a request


Please sign in to leave a comment.