Maps, Data, Viz, UX, Design
JS_API_VERSION = 4.25
JS_API_BASE_URL = `https://js.arcgis.com/${JS_API_VERSION}/@arcgis/core`
// NOTE: This key will only work for this notebook, please acquire your own at: https://developers.arcgis.com/api-keys
JS_API_KEY = "AAPKeaa067e241884f1f8ea72a5593cb8821aRuJV_aPxvhDXViKpdrzEOnB8RKhvKVPogv2Ry0d5AlAMEqq8S66zKkwHWHFBZKg"
ArcGIS = {
const Config = await (await import(`${JS_API_BASE_URL}/config.js`)).default;
const Map = await (await import(`${JS_API_BASE_URL}/Map.js`)).default;
const MapView = await (
await import(`${JS_API_BASE_URL}/views/MapView.js`)
).default;
const ScaleBar = await (
await import(`${JS_API_BASE_URL}/widgets/ScaleBar.js`)
).default;
const reactiveUtils = await import(
`${JS_API_BASE_URL}/core/reactiveUtils.js`
);
Config.apiKey = JS_API_KEY;
if (!Config._style) {
const href = await require.resolve(
`${JS_API_BASE_URL}/assets/esri/themes/light/main.css`
);
document.head.appendChild(
(Config._style = html`<link href=${href} rel=stylesheet>`)
);
}
return {
Config,
Map,
MapView,
reactiveUtils,
ScaleBar
};
}
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.
