Inline map

Use the <LiveMap /> component in any MDX page:

<LiveMap campus="ucba" building="muntz-hall" height={480} />

Optional props include floor, room, and height. Room accepts either the bare reference (170) or the building-qualified form (muntz-hall/170).

Examples use a demonstration campus. Every snippet on this site addresses ucba, a publicly available campus with the building muntz-hall and the room 170. Substitute your own campus slug once you have one. Slugs for your campus are listed in your Waylocate console, and the addressing rules are in the reference grammar.

Example

During local development the map loads from http://localhost:5174 when Waylocate is running (npm run dev:navigate). Deployed docs use https://waylocate.com. Your docs origin is always passed as the allowed host.