게시된 지도 임베드

Kaleidr Studio에서 게시한 지도를 share id로 임베드합니다. Viewer는 keyless이며 share id 자체가 authorization이므로 Free를 포함한 모든 plan에서 작동합니다.

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

페이지에서 카메라 제어

Kaleidr.mount(...)는 handle을 반환합니다. setCamera는 handle에만 있으며 DOM element에는 없습니다. querySelector 결과에서 setCamera를 호출하면 오류가 발생합니다.

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

지도 게시자가 특정 domain으로 제한했다면 해당 지도는 그 사이트에서만 렌더링됩니다. Viewer embed를 참조하세요.