User Guide¶

User Guide

This user guide will help builders successfully create optimized and well-structured maps using the MapBoot Editor. Follow the steps below in order:

1. Prepare Floorplan Images¶

Collect clean floorplan images for each level.
Ensure overlapping floorplans (for the same building) align perfectly.
Set background scale value for the blueprint images to match real world size (in map units).

2. Draw Walls & Doors¶

Start by drawing wall lines accurately.
Place points on walls to define doors or openings.

3. Assign Wall Styles¶

Apply styles to distinguish walls.
Use different thickness or color for exterior vs. interior walls.

4. Define Surfaces¶

Begin with the floor surface (basic foundation).
Add surfaces for key areas (public, or private zones).

5. Add Locations¶

Place orphan points where needed.
Assign each location a surface (if applicable).
Define access points at each location entrance point.

6. Build the Pathfinding Network¶

Draw pathfinding lines to create logical navigation routes.
Connect every door point to this network.
Add realistic paths (e.g., common walking shortcuts).
⚠️ If a location is not connected to the pathfinding network, it will not be reachable.

7. Connect Floors & Buildings¶

To link two floors (e.g., Ground ↔ First):
Multi-select the floors with Ctrl + Click.
The last selected floor becomes the main selection.
Select the access point you want to bridge.
Use the Twins menu to pick the corresponding point on the other floor.
A twin point indicator will confirm the connection.
The same process applies to connecting different buildings.

8. Embed the map¶

Add the following code snippet to your website, replacing with your actual map ID.
A map will only display correctly if it has been published. Any updates made in the editor will not appear in the viewer until the map is published again.

HTML

<div id="mapboot"  ></div>
<script src="https://cdn.mapboot.com/viewer/latest/mapboot.min.js"></script>
<script>
  window.mapboot.init({
    target: '#mapboot',
    mapid: '<YOUR_MAP_ID>',
    unit: 'm'         // 'm' or 'ft'
  });
</script>

✅ Following these steps ensures your map is optimized for navigation, with accurate pathfinding and smooth multi-floor or multi-building transitions.