Historical burn scars charred polygon vector layer (burn-scars-layer.tsx) #71

Closed
opened 2026-10-14 22:28:42 +00:00 by yuris · 0 comments
Owner

What to build

Add the MapLibre vector layer in src/components/map/layers/burn-scars-layer.tsx to render historical burn perimeters with distinct charred polygon styling.

Technical specifications

  1. Target files:
    • src/components/map/layers/burn-scars-layer.tsx: MapLibre fill/line layer component.
  2. Styling tokens:
    • Fill color: #3f1d24 (deep charred burgundy) with opacity 0.5.
    • Outline: #7f1d1d (red-900).

Acceptance criteria

  • Burn scars render toggleably across major peat basins.
  • Layer responds to year filter controls without lag.

Blocked by

  • Issue 33: [Frontend] Dual-mode tile URL resolver helper (src/lib/gis/tile-url.ts).
  • Issue 54: [Backend] Multi-annual historical burn perimeters PMTiles compiler (scripts/build-burn-scars-pmtiles.sh).

Authoritative Specifications & Reference Documentation

### What to build Add the MapLibre vector layer in `src/components/map/layers/burn-scars-layer.tsx` to render historical burn perimeters with distinct charred polygon styling. ### Technical specifications 1. **Target files**: - `src/components/map/layers/burn-scars-layer.tsx`: MapLibre fill/line layer component. 2. **Styling tokens**: - Fill color: `#3f1d24` (deep charred burgundy) with opacity 0.5. - Outline: `#7f1d1d` (red-900). ### Acceptance criteria - [x] Burn scars render toggleably across major peat basins. - [x] Layer responds to year filter controls without lag. ### Blocked by - Issue 33: [Frontend] Dual-mode tile URL resolver helper (`src/lib/gis/tile-url.ts`). - Issue 54: [Backend] Multi-annual historical burn perimeters PMTiles compiler (`scripts/build-burn-scars-pmtiles.sh`). --- ### Authoritative Specifications & Reference Documentation - **Titik Gambut Architecture & Subsystem Contract**: [`docs/ARCHITECTURE.md`](https://git.nokopia.com/yuris/titik-gambut-next/src/branch/main/docs/ARCHITECTURE.md) - **Protomaps PMTiles Specification**: [protomaps/PMTiles GitHub](https://github.com/protomaps/PMTiles) — cloud-optimized single-file vector/raster tile format using HTTP 206 byte-range requests. - **Protomaps Basemaps Style & Docs**: [protomaps.com/docs](https://docs.protomaps.com/basemaps/) - **Copernicus Sentinel-2 STAC API**: [Earth Search STAC API](https://earth-search.aws.element84.com/v1) — AWS Element84 Sentinel-2 L2A STAC catalog. - **Normalized Burn Ratio (NBR) Standard**: [USGS Landsat NBR](https://www.usgs.gov/landsat-missions/normalized-burn-ratio) — Formula: $(B8 - B12) / (B8 + B12)$. - **European Forest Fire Information System (EFFIS)**: [EFFIS Burn Severity Classification](https://effis.jrc.ec.europa.eu/) — Delta-NBR fire damage scoring.
yuris changed title from Issue 58: [Frontend] Historical burn scars charred polygon vector layer (burn-scars-layer.tsx) to [Frontend] Historical burn scars charred polygon vector layer (burn-scars-layer.tsx) 2026-10-14 22:31:24 +00:00
yuris changed title from [Frontend] Historical burn scars charred polygon vector layer (burn-scars-layer.tsx) to Historical burn scars charred polygon vector layer (burn-scars-layer.tsx) 2026-10-14 22:38:30 +00:00
yuris closed this issue 2026-10-16 01:40:24 +00:00
Sign in to join this conversation.
No labels
backend
frontend
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
yuris/titik-gambut-next#71
No description provided.