Skip to main content

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

FactAnswer
Doorwayattach — the editor mounts inside your page. MapLibre is not iframed; it runs in the parent document.
Required scopedesign — the key must carry the design capability.
Minimum planPro — 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

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>