Saltar al contenido principal

Incrustar un mapa publicado

Incrusta un mapa publicado en Kaleidr Studio utilizando su share id. Viewer no necesita clave — el share id es la autorización — por lo que funciona en todos los planes, incluido 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 la cámara desde tu página

Kaleidr.mount(...) devuelve un handle. Solo el handle tiene setCamera — el elemento DOM no. Llamar a setCamera sobre un resultado de querySelector lanza un error.

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

Si el editor del mapa lo restringió a determinados domains, solo se renderizará en esos sitios. Consulta Viewer embed.