Map embed
Your chats,
on your page
One script tag puts your tojo chats on a live map anywhere on the web — no framework, no API key, no login for your visitors.
The map on this page is the component itself, running against the live API.
Live · public chats
Try it with your own chats
Fill in the fields and the snippet rewrites itself — or edit the snippet by hand and the preview follows. Copy it into any HTML page: a standard ES module that registers one custom element.
Attributes
Set at least one of organization-id or chat-ids. Everything else is optional.
| Attribute | Default | Behaviour |
|---|---|---|
organization-id | — | Only chats owned by this organization. |
chat-ids | — | Comma-separated chat ids. Combines with the other filters. |
categories | all | Comma-separated categories, e.g. EVENT,RESTAURANT. |
lat / lng | 59.33 / 18.07 | Initial centre of the map. |
zoom | 12 | Initial zoom level. |
use-geolocation | false | Centre on the visitor's position on load, falling back to lat/lng. |
allow-locate | false | Show a "my location" button. |
allow-scroll | true | Let the visitor pan the map. |
allow-zoom | true | Let the visitor zoom. When off, the zoom is locked and the controls are hidden. |
What a visitor sees
-
Public chats only
The map calls the API without a token, so nothing private can leak onto your page.
-
Tap to open in tojo
An App Link hands the chat to the app; visitors without it land on the App Store or Google Play.
-
Clustered live
Dense areas collapse into counted bubbles; tapping one lists every chat behind it.
-
Framework-free
A standard custom element in a shadow root — it cannot collide with your page's CSS.