跳到主要内容

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