Adjuntar el editor de mapas

Monta el editor de Kaleidr en tu página y permite que los usuarios diseñen un mapa.

Requiere una clave publishable con ámbito design en Pro o superior. El origin de tu página debe estar en la allowlist de la clave y servirse mediante HTTP(S); tu CSP debe permitir 'wasm-unsafe-eval' (MapLibre) y los hosts de tile/vendor — consulta Obtener una clave API y 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>

El editor crea su propio mapa MapLibre dentro de #editor. Sus asistentes de map-design (analizar un dataset, crear una layer) llaman a la superficie design de la plataforma con tu clave, facturando el ámbito design. Pasa styleId (un catalog basemap id como kaleidr-night, o una full style URL) para comenzar desde un basemap.

Para un dev basemap, pasa tileBase: 'https://tile-dev.kaleidr.com' — los style ids del catálogo se resolverán contra este host en lugar del sistema de producción tile.kaleidr.com.

Consulta Editor attach.