Help migrating Codepen to Observable Notebook

I’m attempting to migrate a Codepen to an Observable notebook.

The Codepen imports several web component libraries (@esri/calcite-components v3.3.3 and @arcgis/map-components v3.34) and an npm package @arcgis/core v3.34. The libraries it’s using do not seem to play well with Observable’s require to import the libraries so I’ve attempted to use import with a CDN with partial success. However I’m still unable to get a basic <arcgis-map> web component to render within a notebook cell.

Any advice or suggestions would be appreciated, thanks!

Just one step:

import("https://esm.sh/@arcgis/map-components")

(I could not find a way for the others.)

1 Like