跳至主要内容

Viewer — 嵌入已發布地圖

product="viewer" 透過 share id 將已發布的 Kaleidr 地圖嵌入 iframe。它擁有自己的地圖；您可以透過 kaleidr-embed:* postMessage 介面進行控制。

接入方式： iframe — 地圖在 map-embed.kaleidr.com 中載入。
所需範圍： 無。Viewer 無需金鑰 — share authorization 本身就是憑證。
最低方案： Free — 任何擁有 share id 的使用者都可以在任何方案中嵌入 Viewer。

share-id 必填 — 省略時會在 bundle 載入時拋出錯誤。向 Viewer embed 傳入 publishable 金鑰會以 product_not_allowed 拒絕。

掛載

<kaleidr-map product="viewer" share-id="abcd1234"
             center="-0.12,51.5" zoom="11" style="height:520px"></kaleidr-map>

Handle

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

發布者設定的 allowed domains 仍然適用 — 限制為特定網站的地圖即使擁有 share id，也不會在其他網站中呈現。請參閱嵌入地圖。

掛載
Handle