How It Works

How Mapboot event map creation works

Start with a free Core map, set up the event structure, let Mapboot build the interactive floor plan, then open booths for reservations, extras, and invoice-driven organizer processing.

Core starts free Groups and floors Booth extras

What this process creates

A structured event map Buildings, floors, uploaded floor plans, booth surfaces, and routing are organized before launch.
Available booths in the dashboard Once the buildout is done, booth locations appear with prices, sizes, and reservation status controls.
Reservation and invoice workflow Exhibitors reserve from the viewer, choose extras, and organizers process payment records and booth status.
Structure setup

Create the map, then organize the event structure

Start with a new Core map in the dashboard. From there, add the main building or show area as a group, then add the floor or layer that will receive the uploaded floor plan.

Floor plan source

Start by uploading the floor plan your team already has

The uploaded floor plan is the reference Mapboot uses to understand the show layout, booth rows, aisle structure, entrances, and important circulation paths.

It does not need to be perfect before you start. The key is connecting the right file to the right group, floor, or layer so the map buildout has a clean source of truth.

  • Attach floor plans to the correct layer in map meta.
  • Use booth numbers on the plan as the reference for later reservations.
  • Mapboot turns this source into booth surfaces, routes, and an interactive viewer.
Uploaded home show floor plan used as the source for Mapboot map creation
Mockup map example

Then the floor plan becomes an interactive map

This viewer uses map m04a8392 as an example. The booths are already built into the map and can become reservable once booth prices, sizes, and status values are configured.

Locations list

After the map is built, booths start showing in the locations list

Once the Mapboot team creates the interactive map, the booth surfaces are connected back to the dashboard and start appearing as available booth locations.

From there, organizers can set booth sizes, prices, and status values. Available booths can be reserved directly from the live viewer.

The organizer can also define extras such as chairs, tables, floor tiles, Wi-Fi areas, or sponsorship promotion so exhibitors can add them to a reservation.

  • Booths appear in the dashboard after the map buildout is completed.
  • Booth prices, sizes, and status can be managed from the dashboard.
  • Exhibitors reserve a booth from the viewer and manage that reservation later.
Mapboot dashboard locations list showing booths ready for metadata
Embed the viewer

Add the finished map to the event website

Once the map is approved, your web team can place the Mapboot viewer on a page attendees already know: the event website, exhibitor portal, mobile guide, QR code landing page, or venue information page.

The page only needs a viewer container, the Mapboot viewer script, and the approved map ID from the dashboard.

  • Use a full-width page section for the cleanest attendee experience.
  • Replace the sample map ID with the approved map ID.
  • Test the same URL from desktop, mobile, QR codes, and event emails.
event-map.html
<!-- 1. Add a map container to your event page. -->
<div id="mapbootmap" style="width:100%;height:720px;"></div>

<!-- 2. Load Mapboot and point it to your approved map ID. -->
<script type="module">
  import { init } from 'https://cdn.mapboot.com/releases/viewer/v.0.0.67/mapboot.min.js';

  init({
    target: "#mapbootmap",
    mapid: "YOUR_MAP_ID",
    unit: "ft",
  });
</script>