Published
Edited
Aug 18, 2022
2 forks
Insert cell
Insert cell
viewof map = {
const container = html`<div style="height:600px;">`;
yield container; // Give the container dimensions.
const map = (container.value = new maplibre.Map({
container,
bounds: [5.94, 45.81, 10.51, 47.81],
fitBoundsOptions: { padding: 16 },
style:
"https://vectortiles.geo.admin.ch/styles/ch.swisstopo.leichte-basiskarte.vt/style.json"
}));
invalidation.then(() => map.remove());
}
Insert cell
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more