function* makeMap({
w=300,h=250,
center=[-4.5,54.5],
zoom=3.5,
style="mapbox://styles/mapbox/light-v9",
scrollZoom=true,
}={}) {
const container = html`<div style="height:${h}px; width:${w}px">`;
yield container;
const map = container.value = new mapboxgl.Map({
container,
center,
zoom,
style,
scrollZoom
});
invalidation.then(() => map.remove());
}