Skip to content

Get Started with MapBoot (5‑minute setup)

What you’ll need

  • A MapBoot account
  • A saved Map ID
  • A web page you can edit (serve over HTTPS)

Note

If you embed on your own domain, add it to your Domain Allowlist in MapBoot → Settings so the widget can load.

Step 1 — Create your map

  1. Open the Editor, create a map.
  2. Add buildings/floors and basic geometry.
  3. Save and copy your Map ID.

Step 2 — Embed the widget

Add a container (give it a height), include the script, and initialize.

Viewer (explore + switch floors)

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>

Step 3 — Publish

  1. Host your page over HTTPS.
  2. In MapBoot → Settings, add your site’s domain to Allowlist.
  3. Refresh the page.

Quick checks

  • Correct Map ID (copied from your saved map).

Troubleshooting (common)

  • Blank area → container missing height or blocked by CSS overflow.
  • CORS / origin → domain not allowlisted.
  • Nothing renders → wrong Map ID or map not saved/published.

What’s next?

  • Viewer deep‑dive features & options → → /docs/viewer/
  • Editor basics (buildings, floors, geometry) → /docs/editor/
  • Domain allowlist & security → /docs/security/