Published
Edited
Mar 29, 2021
Importers
Insert cell
Insert cell
// OpenLayers = import('https://cdn.skypack.dev/ol')
OpenLayers = import('https://cdn.skypack.dev/pin/ol@v6.5.0-tadIkTkMj3gJGO1MXKRo/mode=imports,min/optimized/ol.js')
Insert cell
// TileLayer = (await import('https://cdn.skypack.dev/ol/layer/Tile')).default

TileLayer = (await import('https://cdn.skypack.dev/pin/ol@v6.5.0-HQFbmTfNg9ackyQAudQ6/mode=imports,min/unoptimized/layer/Tile.js')).default
Insert cell
// XYZ = (await import('https://cdn.skypack.dev/ol/source/XYZ')).default

XYZ = (await import('https://cdn.skypack.dev/pin/ol@v6.5.0-HQFbmTfNg9ackyQAudQ6/mode=imports,min/unoptimized/source/XYZ.js')).default
Insert cell
// Projections = import('https://cdn.skypack.dev/ol/proj')

Projections = import('https://cdn.skypack.dev/pin/ol@v6.5.0-HQFbmTfNg9ackyQAudQ6/mode=imports,min/unoptimized/proj.js')
Insert cell
// mapStyle = html`<link rel="stylesheet" href="https://cdn.skypack.dev/ol/ol.css">`

mapStyle = html`<link rel="stylesheet" href="https://cdn.skypack.dev/-/ol@v6.5.0-tadIkTkMj3gJGO1MXKRo/dist=es2020,mode=raw/ol.css">`
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