Anexar o editor de mapas

Monte o editor da Kaleidr na sua página e permita que os usuários criem um mapa.

Requer uma chave publishable com escopo design no plano Pro ou superior. A origin da sua página deve estar na allowlist da chave e ser servida via HTTP(S); sua CSP deve permitir 'wasm-unsafe-eval' (MapLibre) e os hosts de tile/vendor — consulte Obter uma chave de API e 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>

O editor cria seu próprio mapa MapLibre dentro de #editor. Seus auxiliares de map-design (analisar um dataset, criar uma layer) chamam a superfície design da plataforma com sua chave, cobrando o escopo design. Passe styleId (um catalog basemap id como kaleidr-night, ou uma full style URL) para começar a partir de um basemap.

Para um dev basemap, passe tileBase: 'https://tile-dev.kaleidr.com' — os style ids do catálogo passam a ser resolvidos contra ele em vez do sistema de produção tile.kaleidr.com.

Consulte Editor attach.