Published unlisted
Edited
Apr 16, 2020
1 star
Insert cell
Insert cell
Insert cell
map = {
const container = html`<div style="height:600px;">`;
yield container;
const map = L.map(container).setView([39.73, -104.99], 10);
osmLayer.addTo(map);
// moved out OSM layer to minimize code here.
let baseLayers = {
"Open Street Maps":osmLayer,
"World Imagery":world_imagry,
"World Topo Map":world_topo,
};
let controlLayers = {
"Cities": cities,
};
let c_layers = new L.control.layers(baseLayers, controlLayers,{position:'topright',collapsed:false})
map.addLayer(osmLayer);
map.addControl(c_layers);
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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