viewof map = {
const container = html`<div style="height:600px;">`;
yield container; // Give the container dimensions.
const map = (container.value = new maplibre.Map({
container,
center: [-77.033485, 38.897205],
zoom: 10,
style: "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json",
scrollZoom: false
}));
invalidation.then(() => map.remove());
}
maplibre = await require("maplibre-gl")
html`<link href="${await require.resolve(
"maplibre-gl@1.13.0-rc.2/dist/mapbox-gl.css"
)}" rel="stylesheet">`
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.
