Skip to main content

Viewer — embed a published map

product="viewer" embeds a published Kaleidr map in an iframe by its share id. It owns its own map; you drive it over the kaleidr-embed:* postMessage seam. No API key — viewer access is share-link gated.

<kaleidr-map product="viewer" share-id="abcd1234"
center="-0.12,51.5" zoom="11" style="height:520px"></kaleidr-map>

Imperative camera control:

const handle = Kaleidr.mount('#map', { product: 'viewer', shareId: 'abcd1234' });
handle.setCamera({ center: [-0.12, 51.5], zoom: 12, duration: 800 });

Publisher-set allowed domains still apply — a map locked to specific sites won't render elsewhere even with the share id. See Embed a map.