Editor
The Editor product mounts the Kaleidr map editor inside your page. It is an
attach doorway — MapLibre runs in the parent document alongside the editor
chrome, driven by your app.
The three facts that decide whether it will work
| Fact | Answer |
|---|---|
| Doorway | attach — the editor mounts inside your page. MapLibre is not iframed; it runs in the parent document. |
| Required scope | design — the key must carry the design capability. |
| Minimum plan | Pro — Free-tier keys do not admit the design scope. |
Your page origin must be in the key's origin allowlist before the browser can
exchange the publishable key for a session. Editor's parent-document MapLibre
also requires 'wasm-unsafe-eval' in the customer CSP — see
Content Security Policy.
Where the pieces live
- SDK reference — Editor attach — attributes, mount
options, the handle matrix (
destroy,setCamera). - Guides:
- Attach the editor — the mount pattern end to end.
- Upload your business data — the Enterprise-only vendor-data upload path.
The one snippet
Minimum-viable editor mount. pitch and bearing are accepted at mount
today; a live camera update after mount lands with the editor-ui SDK release
tracked separately from these docs.
<div id="editor" style="height:640px"></div>
<script src="https://cdn.kaleidr.com/embed/v1/kaleidr.js"></script>
<script>
Kaleidr.mount('#editor', {
product: 'editor',
publishableKey: 'kld_pk_live_…',
});
</script>