Pular para o conteúdo principal

Incorporar um mapa publicado

Incorpore um mapa publicado no Kaleidr Studio pelo seu share id. Viewer não usa chave — o share id é a autorização — portanto isso funciona em todos os planos, incluindo Free.

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

Controlar a câmera a partir da sua página

Kaleidr.mount(...) retorna um handle. Somente o handle possui setCamera — o elemento DOM não. Chamar setCamera no resultado de querySelector lança um erro.

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

Se o publicador do mapa o restringiu a determinados domains, ele só será renderizado nesses sites. Consulte Viewer embed.