{
const container = html`<div style="height:600px;">`;
yield container;
var map = new maplibregl.Map({
container: container,
style: {
version: 8,
sources: {
sample: {
type:"vector",
url:"pmtiles://https://data.source.coop/cholmes/os-opendata-cng/uk-buildings.pmtiles"
}
},
layers: [
{
id:"fill",
type:"fill",
source:"sample",
"source-layer":"buildings",
paint:{
"fill-color":"#aaa"
}
},
{
id:"stroke",
type:"line",
source:"sample",
"source-layer":"buildings",
paint:{
"line-color":"#333",
"line-width": [
"interpolate",
["exponential", 2],
["zoom"],
0, 1.3,
4, 1,
13, 0.5
]
}
}
]
},
center: [-4, 53],
zoom: 4
});
}