Published unlisted
Edited
May 11, 2022
Insert cell
# Test
Insert cell
maplibregl = require("maplibre-gl@2.1.9")
Insert cell
test = {
const container = html`<div style="height:800px;">`;
yield container;
const map = (container.value = new maplibregl.Map({
container,
style:
"https://api.maptiler.com/maps/streets/style.json?key=get_your_own_OpIi9ZULNHzrESv6T2vL",
center: [12.550343, 55.665957],
zoom: 8
}));

map.on("load", function () {
const marker = (container.value = new maplibregl.Marker()
.setLngLat([12.550343, 55.665957])
.addTo(map));
});
}
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