Interactive Map - How to mark the exhibitors' stands?

If you’re preparing a trade fair event, be sure to prepare an interactive map for your audience! It is a tool that will allow the user to quickly find relevant exhibitors’ stands at the fair.

Adding an interactive map

Add a map component to your application in the “Components” section by pressing the plus next to the name of this element or by dragging it to the left column. Then go to the next step – “Content”. In the side menu select the “Interactive Map” component, and to create the first map click “+ Add new Interactive Map”. In the edit window that will open, enter the name of the map – it will be important especially if you plan to add more than one map. The name may be the floor number, e.g. floor I, floor II, or the name of the building if the event is located in multiple locations.

Then, in the “Map editor” field, insert a photo showing the horizontal projection of the building. Confirm adding the file by selecting “Save changes” at the bottom.

Recommended map image sizes:

  • JPG or PNG extension
  • the optimal resolution is 1920 px by 1080 px
  • photo orientation is unrestricted, yet we recommend vertical layout
  • file size should not exceed 10MB

You can change the map image at any time. If necessary, enter the map editor and select “Change image” in the upper right corner, and then add a new image according to the same guidelines. Drawn stands will remain intact, so to maintain their proportions, we recommend that the new file have a size similar to the original.

Editing the map

On the screen of all added maps, select the ellipses in the map row in which you want to make changes, and then click “Edit map”.

Navigation – You can zoom in and out of the map view using the mouse wheel. You can move the map using the right mouse button on any screen, or by selecting the “Cursor” icon and using the left mouse button.

Drawing objects on the map – Above the map, on the left, select the shape of the object you want to draw – a square, ellipse, or polygon.

To draw a polygon, put points in space and they will automatically connect to each other with lines, creating the desired shape. Make the final move by clicking on the starting point (turquoise dot), which will close the perimeter of the drawn figure.

Stand appearance on the map

You can change the color of the displayed stand by selecting a proposal from the palette or by entering the hexadecimal color code. You can also change the thickness of the object edges from 1 to 3 pixels. The “Transparency” field allows you to specify whether the stand should be filled with color (Semi-transparent) or whether only its edges should be visible (Outline only). The effects of this setting are visible only on the mobile device and apply to the stand at rest (not clicked).

Editing the shape of the drawn figure

After drawing the figure, you can still change its shape and location on the map. Select the pencil icon “Cursor” and click on the figure drawn to enter its settings. Adjust its shape by grasping one of the vertices marked with white points. Change the position of the figure by clicking on it and dragging it around the map. To rotate the entire figure, click it in the same way, and then find the red point that appeared outside the figure’s perimeter. Catch it and move it to rotate the whole figure.

Assigning exhibitors to selected stands

Click the object you have drawn to enter edit mode. The “Location name” field is best completed by entering the stand number. Then, in the “Exhibitors” field, select from the drop-down list exhibitors who will be available at this stand. This connection will create a button in the application that allows the participant to go from the interactive map to the exhibitor’s profile and vice versa from the exhibitor’s profile to the map.

Create exhibitor profiles in the “Exhibitor” component before you start creating an interactive map. Learn how to create exhibitor profiles.

Related Articles

How to create exhibitor profiles in the application?
Create exhibitor profiles, add data and edit them in the administration panel.
Import exhibitors into the application!

Import exhibitors to the mobile application. Create their complete profiles visible in the application and website of your event.