公開マップを埋め込む

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();

map publisher が特定の domain に制限している場合、その map は その site 上でのみ表示されます。Viewer embed を参照してください。