Embed a published map

Embed a map you published in Kaleidr Studio by its share id — no API key.

<script src="https://cdn.kaleidr.com/embed/v1/kaleidr.js"></script>
<kaleidr-map product="viewer" share-id="abcd1234" style="height:520px"></kaleidr-map>

Control the camera from your page:

const handle = document.querySelector('kaleidr-map'); // or Kaleidr.mount(...)
// imperative mount returns a handle with setCamera():
const h = Kaleidr.mount('#wrap', { product: 'viewer', shareId: 'abcd1234' });
h.setCamera({ center: [-0.12, 51.5], zoom: 12, duration: 800 });

If the map's publisher restricted it to specific domains, it only renders on those sites. See Viewer embed.