Skip to content

Viewer — Quick Guide

The Viewer helps end‑users quickly find places and navigate routes across your facility.


Features

  • Search a location → instantly focus the map on the result.
  • Get directions (A → B) across floors or between buildings.
  • Share your view with a link that opens the same focus or route.

UI Overview

MapBoot Viewer UI

  • Search bar (top): Find a location by name or tag (helpful if you can’t identify it on the map).
  • Clear — remove the current route.
  • Share — copy a link to the current focus or route and send it to others.

  • Right toolbar:

  • If no route is displayed: switch floors for the selected building.
  • If a route is displayed: step through the directions.

  • Location selection:

  • Tap or click directly on a location.
  • If no route is displayed: the first selected location becomes From; the second becomes To.
  • To edit an already assigned From/To, click the location again to replace it.
  • If a route is displayed: clicking any location will show its name, giving extra context and navigation clues.

Mouse, Touch & Keyboard

  • Pan: Cmd or Alt + drag
  • Zoom: scroll
  • Rotate: Cmd or Alt + scroll

💡 The map is vector‑based — zoom in without losing clarity.


Embedding in Your Website

Add the MapBoot Viewer to any HTML page:

HTML
<div id="map-container"></div>
<script src="https://cdn.mapboot.com/viewer/latest/mapboot.min.js"></script>
<script>
  MapBoot.init({
    target: 'map-container',
    mapid: 'your-map-id',
    unit: 'm',
  });
</script>
  • target: ID of the container element.
  • mapid: your map’s unique identifier.
  • unit: measurement units (e.g., meters).

Troubleshooting

  • No route found: Start or End may not be connected. Try another entrance or floor.
  • Accessibility route missing: Step‑free connections may not be defined in this map.
  • Unexpected area: Refine your search with more specific keywords or tags.

Need help? Email contact@mapboot.com.