连接地图编辑器

将 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。