Skip to main content

Use a designed basemap

Embed a Kaleidr designed basemap as an iframe.

<script src="https://cdn.kaleidr.com/embed/v1/kaleidr.js"></script>
<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>

Or render the same basemap directly in your own MapLibre map (no iframe) by pointing at the published style JSON:

new maplibregl.Map({
container: 'map',
style: 'https://cdn.kaleidr.com/styles/kaleidr-morning.json',
});

Available styles include kaleidr-morning, kaleidr-afternoon, kaleidr-night, kaleidr-editorial, kaleidr-plain. The base basemap is public; the maps scope on your key attributes usage as metered tiles roll out. See Tiles.