Tile

Tile 製品は、デザインされた Kaleidr ベースマップを Kaleidr がホストする iframe 内に描画します。Free アカウントで利用できる唯一のキー必須製品で、 publishable key にはデフォルトで maps スコープと tile 製品の許可が含まれます。

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

項目	内容
組み込み方式	iframe — マップは Kaleidr 独自の CSP の下で map-embed.kaleidr.com 内に読み込まれます。
必要なスコープ	maps.
最小プラン	Free — Free のキーは ["maps"] スコープと ["tile"] 製品許可で発行されます。

マップは Kaleidr iframe 内で描画されるため、Tile のみを埋め込む場合、親ページの CSP では マップ / tile / vendor image host を許可する必要はありません。 同じページで Chat または Editor も実行する場合にのみ、それらの host が必要です — Content Security Policy を参照してください。

各コンポーネントの場所

• SDK リファレンス — Tile — 属性（style-id, center, zoom, pitch, bearing）、handle matrix、setStyle。
• ガイド — Tile を使用 — style picker、camera pass-through、 self-hosting に関する注意事項。

1つのスニペット

最小構成の Tile embed：

<script src="https://cdn.kaleidr.com/embed/v1/kaleidr.js"></script>
<kaleidr-map product="tile"
             publishable-key="kld_pk_live_…"
             style-id="kaleidr-morning"
             style="height:480px"></kaleidr-map>

style-id を省略すると viewer のデフォルトキャンバスが使用されます。 完全な style URL も指定できます。