Skip to content

EPR-3: Basic map setup#16

Open
aivanchenk wants to merge 1 commit into
mainfrom
map-setup
Open

EPR-3: Basic map setup#16
aivanchenk wants to merge 1 commit into
mainfrom
map-setup

Conversation

@aivanchenk
Copy link
Copy Markdown
Collaborator

@aivanchenk aivanchenk commented Jun 7, 2026

Adds an interactive /map view for exploring the ESDC test Zarr cube: pan/zoom a global basemap, click to select a grid cell, and stream a per-pixel climate time series into the browser via zarrita.js.

closes #3 #4

@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jun 7, 2026

🚀 Vercel preview deployed

Preview URL: https://earth-prints-g4dcbky6m-anastasiia-s-projects10.vercel.app

Comment thread src/lib/constants/esdc.ts
Comment on lines +7 to +21
spatialResolutionDeg: 2.5,
temporalResolutionDays: 16,
dimensions: {
time: 989,
lat: 72,
lon: 144,
},
/** Cell-center coordinates from the published lon/lat arrays. */
grid: {
lonStart: -178.75,
lonStep: 2.5,
latStart: -88.75,
latStep: 2.5,
},
defaultVariable: "air_temperature_2m",
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we should not hard-write these, but rather they should come from the variables metadata. For example, someone could provide a url that has really high resolution pixels, but only for Europe. We will need a automatic approach that can handle that.

@lazarusA
Copy link
Copy Markdown
Member

lazarusA commented Jun 7, 2026

Also, let's add an option at the top, to select a 🌏 (sphere view) or a plane. This could be a different PR.

This looks good as is already.

Comment thread src/app/globals.css
/* ============================================================
EarthPrints design system
black / white / single teal accent (#006C66)
black / white / teal accent (#006C66 light, #52D4C8 dark)
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the teal contrast now in dark mode is too bright. Maybe tone it down a little bit. Best to try any color contrast checker online to see what could work best.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

setup map

2 participants