Public
Edited
Oct 10, 2023
(map.getBounds())
// sample = ({
// source: {
// type:"vector",
// url:"pmtiles://https://data.source.coop/vida/google-microsoft-open-buildings/pmtiles/go_ms_building_footprints.pmtiles",
// attribution: '© <a href="https://beta.source.coop/repositories/vida/google-microsoft-open-buildings/description">Google-Microsoft Open Buildings via VIDA</a>'
// },
// layers: [
// {
// id:"fill",
// type:"fill",
// source:"sample",
// "source-layer":"building_footprints",
// paint:{
// "fill-color":"#b4c7e0"
// }
// },
// {
// id:"stroke",
// type:"line",
// source:"sample",
// "source-layer":"building_footprints",
// paint:{
// "line-color":"#6d87a8",
// "line-width": [
// "interpolate",
// ["exponential", 2],
// ["zoom"],
// 0, 1.3,
// 4, 1,
// 13, 0.5
// ]
// }
// }
// ],
// popup_layer: 'fill' // what layer id to use for popups
// })
// sample = ({
// source: {
// type:"vector",
// url:"pmtiles://https://data.source.coop/cholmes/overture/overture-buildings.pmtiles",
// attribution: '© <a href="https://overturemaps.org">Overture Maps Foundation</a>'
// },
// layers: [
// {
// id:"fill",
// type:"fill",
// source:"sample",
// "source-layer":"buildings",
// paint:{
// "fill-color":"#b4c7e0"
// }
// },
// {
// id:"stroke",
// type:"line",
// source:"sample",
// "source-layer":"buildings",
// paint:{
// "line-color":"#6d87a8",
// "line-width": [
// "interpolate",
// ["exponential", 2],
// ["zoom"],
// 0, 1.3,
// 4, 1,
// 13, 0.5
// ]
// }
// }
// ],
// popup_layer: 'fill' // what layer id to use for popups
// })
sample = ({
source: {
type:"vector",
url:"pmtiles://https://data.source.coop/cholmes/google-open-buildings/google-open-buildings.pmtiles",
attribution: '© <a href="https://beta.source.coop/cholmes/google-open-buildings">Google Open Buildings</a>'
},
layers: [
{
id:"fill",
type:"fill",
source:"sample",
"source-layer":"buildings",
paint:{
"fill-color":"#b4c7e0"
}
},
{
id:"stroke",
type:"line",
source:"sample",
"source-layer":"buildings",
paint:{
"line-color":"#6d87a8",
"line-width": [
"interpolate",
["exponential", 2],
["zoom"],
0, 1.3,
4, 1,
13, 0.5
]
}
}
],
popup_layer: 'fill' // what layer id to use for popups
})
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.
