嵌入已發布地圖

使用 share id 嵌入您在 Kaleidr Studio 中發布的地圖。Viewer 不需要 key — share id 本身就是授權 — 因此適用於所有方案， 包括 Free。

<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。只有 handle 擁有 setCamera — 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();

如果地圖發布者將其限制於特定 domains，則地圖只會 在這些網站中呈現。請參閱 Viewer embed。