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.