Slippy Map TileSweet, Sweet FantasyOSM Tile MathGeotoolbox playgroundAzure Tile MathSQLite Geospatial - buffers!SQLite Geospatial - intersections!TurfJS split linePIPBars/Pub DensityAggregating Points by H3 HexagonsFR Temp DataFR Precip DataPizza PopularityNorth pole on the move!H3 Coverage CalculationH3 coverage - France climate model data
Update marker without refreshing map?
viewof map = {
const container = html`<div style="height:400px;">`;
yield container; // Give the container dimensions.
const mapRef = container.value = new mapboxgl.Map({
container,
center: [0,0],
zoom: 1,
style: "mapbox://styles/mapbox/light-v10",
scrollZoom: false
});
invalidation.then(() => mapRef.remove());
yield container;
}
map
marker = {
const markerRef = new mapboxgl.Marker()
.setLngLat([0, 0])
.addTo(map);
// make sure we clean up the marker if we re-run this cell too!
invalidation.then(() => markerRef.remove());
return markerRef;
}
{
// make only this cell depend on changes to `longitude` cell
marker.setLngLat([longitude, latitude]);
}
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.
