Published
Edited
Aug 29, 2018
Insert cell
Insert cell
Insert cell
{
let map = new mapboxgl.Map({
container,
center: [
130.7088734, 32.8032791
],
zoom: 19.29,
localIdeographFontFamily: "'MS Gothic', 'Hiragino Kaku Gothic Pro', sans-serif",
style: 'https://hfu.github.io/prototype5/style.json'
})
if (showNavigationControl) {
map.addControl(new mapboxgl.NavigationControl(), 'top-right')
}
try {
yield map
yield invalidation
} finally {
map.remove()
}
}
Insert cell
Insert cell
mapboxgl = {
let mapboxgl = await require('mapbox-gl@0.48.0')
return mapboxgl
}
Insert cell
html`<link href='https://unpkg.com/mapbox-gl@0.43.0/dist/mapbox-gl.css' rel='stylesheet' />`
Insert cell
html`<style>
.labeled::after {
margin-left: 2em;
white-space: nowrap;
content: attr(aria-label);
}
</style>`
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