Published
Edited
Dec 9, 2020
2 forks
7 stars
Insert cell
Insert cell
{
let container = html`<div style='height:400px;' />`;

yield container;

let view = new MapView({
map: new WebMap({
basemap: "satellite"
}),
container,
center: [-100, 40],
zoom: 4,
navigation: {
mouseWheelZoomEnabled: false
}
});

invalidation.then(() => view.destroy());
}
Insert cell
document.head.appendChild(html`<link href="https://js.arcgis.com/4.18/esri/themes/light/main.css" rel=stylesheet>`);
Insert cell
MapView = (await import("https://js.arcgis.com/4.18/@arcgis/core/views/MapView.js")).default
Insert cell
WebMap = (await import("https://js.arcgis.com/4.18/@arcgis/core/WebMap.js")).default
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