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 (bookstore-126) or the building-qualified form (muntz-hall/bookstore-126).

Examples use a demonstration campus. Snippets on this site address ucba, a publicly available campus, and usually open the building muntz-hall. Some examples also pass a room prop when a specific location should be selected on load. 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.