Skip to main content

Playground

Frame a live map, send any command from the panel, and watch what comes back. Use this before wiring the SDK into your own page.

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.
Waiting for map.ready
Host origin
Frame origin
https://waylocate.com
Protocol
not reported yet
Campus
not reported yet
Capabilities
not reported yet
https://waylocate.com/ucba?embed=1&host=&ui=-events
selection.setBuilding

Select a building, optionally on a specific floor.

selection.setFloor

Change floor within the current building.

selection.setRoom

Select a room. The app frames it and opens its panel.

selection.clear

Deselect everything and return to the campus view.

Tabs

TabWhat you see
CommandsOne control per protocol command
EventsNamed events with payloads and source
Raw messagesThe JSON on the wire, including correlation ids

Selecting a room in the map fires an event with source: "user". Sending the same selection from the panel fires one with source: "host".

Sending host.hello returns the map's readiness payload, including the capability list for that deployment.

Full-page demo

A larger version with an automated conformance run is at waylocate.com/embed-demo.