連接地圖編輯器

將 Kaleidr editor 掛載至您的頁面，讓使用者可以設計地圖。

需要 Pro 或更高方案中具有 design 範圍的 publishable key。您頁面的 origin 必須位於該 key 的 allowlist 中，並透過 HTTP(S) 提供；您的 CSP 必須允許 'wasm-unsafe-eval'（MapLibre）以及 tile/vendor host — 請參閱 取得 API 金鑰 與 Content Security Policy。

<div id="editor" style="height:640px"></div>
<script src="https://cdn.kaleidr.com/embed/v1/kaleidr.js"></script>
<script>
  const handle = Kaleidr.mount('#editor', {
    product: 'editor',
    publishableKey: 'kld_pk_live_…',  // design scope
    styleId: 'kaleidr-night',         // catalog basemap id or full style URL
    center: [-0.12, 51.5],
    zoom: 11,
    pitch: 35,
    bearing: -15,
  });
  // later: handle.destroy();
</script>

editor 會在 #editor 內建立自己的 MapLibre 地圖。它的 map-design 輔助功能（分析 dataset、建立 layer）會使用您的 key 呼叫 platform 的 design surface，並計入 design 範圍。傳入 styleId（例如 kaleidr-night 這樣的 catalog basemap id，或 full style URL）即可從 basemap 開始。

若要使用 dev basemap，請傳入 tileBase: 'https://tile-dev.kaleidr.com' — catalog style id 將依據該位址解析，而不是 production tile.kaleidr.com。

請參閱 Editor attach。