Editor

Editor 製品は Kaleidr のマップエディターをページ内にマウントします。 attach 方式で、MapLibre はエディター UI とともに親ドキュメント内で動作し、 アプリから制御されます。

動作するかどうかを決める3つのポイント

項目	内容
組み込み方式	attach — エディターはページ内にマウントされます。MapLibre は iframe 内ではなく、親ドキュメント内で実行されます。
必要なスコープ	design — キーに design capability が必要です。
最小プラン	Pro — Free のキーでは design スコープを利用できません。

ブラウザが publishable key をセッションと交換する前に、ページの origin が キーの origin allowlist に登録されている必要があります。また、Editor の親ドキュメント内で動作する MapLibre には 顧客側 CSP で 'wasm-unsafe-eval' が必要です — Content Security Policy を参照してください。

各コンポーネントの場所

• SDK リファレンス — Editor attach — 属性、マウント オプション、handle matrix（destroy, setCamera）。
• ガイド：
  • エディターをアタッチ — マウント方法を最初から 最後まで説明します。
  • ビジネスデータをアップロード — Enterprise 専用の vendor-data アップロード方法です。

1つのスニペット

最小構成のエディターマウントです。現在はマウント時に pitch と bearing を指定できます。 マウント後のリアルタイムなカメラ更新は editor-ui SDK のリリースで追加予定で、 このドキュメントとは別に管理されています。

<div id="editor" style="height:640px"></div>
<script src="https://cdn.kaleidr.com/embed/v1/kaleidr.js"></script>
<script>
  Kaleidr.mount('#editor', {
    product: 'editor',
    publishableKey: 'kld_pk_live_…',
  });
</script>