Tiles — incorpore um mapa-base projetado
product="tile" incorpora um mapa-base projetado da Kaleidr em um iframe pelo ID de estilo.
Ele possui seu próprio mapa; controle-o pela interface postMessage kaleidr-embed:*.
- Forma de integração:
iframe— o mapa é carregado dentro demap-embed.kaleidr.com. - Escopo necessário:
maps. - Plano mínimo: Free — uma chave Free é criada com o escopo
["maps"]e admissão do produto["tile"]. Tile é o único produto com chave que o Free pode executar.
Antes de começar
- A origem da sua página deve estar na lista de origens permitidas da chave. Caso contrário, a troca de sessão
falha com 403
session_origin_mismatch.file://não envia nenhumOrigine sempre falha — use HTTP(S). Consulte Obter uma chave de API. - Sua CSP deve permitir o loader do SDK e o host de frame
map-embed.kaleidr.com. Nenhum host de imagem de tile/fornecedor é necessário em uma incorporação somente de Tile — esses recursos ficam dentro do iframe da Kaleidr. Consulte Content Security Policy.
Montagem
<kaleidr-map product="tile" publishable-key="kld_pk_live_…" style-id="kaleidr-morning"
center="-0.12,51.5" zoom="11" style="height:480px"></kaleidr-map>
Os IDs de estilo integrados incluem kaleidr-morning, kaleidr-afternoon,
kaleidr-night, kaleidr-editorial, kaleidr-plain (e aliases do registro).
Handle
const handle = Kaleidr.mount('#basemap', {
product: 'tile',
publishableKey: 'kld_pk_live_…',
styleId: 'kaleidr-night',
});
handle.setCamera({ center: [2.35, 48.85], zoom: 12 });
handle.setStyle('kaleidr-editorial'); // live style swap — tile only
handle.destroy();
setStyle(styleId) é exposto apenas no handle de tile. Chamá-lo em chat,
editor ou viewer registra um aviso [kaleidr] e retorna.
Uma chave, um pool
O publishable-key (escopo maps) autoriza o acesso ao mapa-base — não existe
uma chave separada para tiles — e cada sessão de mapa-base conta para a
franquia mensal compartilhada de carregamentos de mapas do seu plano. Consulte Usar tiles.