trails-cool/trails
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add POI overlay panel, markers, and map integration

Browse source 
- PoiPanel: Collapsible panel with category checkboxes, count badges,
  loading/error/zoom-too-low states
- PoiMarkers: L.Marker with L.DivIcon per POI, click popup with name,
  hours, website, OSM link. z-index below route/waypoints.
- PoiRefresher: Listens to map moveend, refreshes POIs via usePois hook
- Wired into PlannerMap alongside existing controls

Skipped markercluster (7.3) — can add later if density is an issue.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ullrich Schäfer 2026-04-11 01:17:41 +02:00
parent 375ff2fa13
commit 6aa2229b39
No known key found for this signature in database
GPG key ID: A32FF691A0F752D9
4 changed files with 162 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

14
openspec/changes/osm-overlays/tasks.md
View file

@ -33,17 +33,17 @@
## 6. POI Overlay Panel
- [ ] 6.1 Create collapsible POI panel component with toggle button (map right side, below layer switcher)
- [ ] 6.2 Render checkbox per POI category with icon, name, and visible count badge
- [ ] 6.3 Show loading indicator while Overpass query is in flight
- [ ] 6.4 Show empty/error states (no results, Overpass unavailable, zoom too low)
- [x] 6.1 Create collapsible POI panel component with toggle button (map right side, below layer switcher)
- [x] 6.2 Render checkbox per POI category with icon, name, and visible count badge
- [x] 6.3 Show loading indicator while Overpass query is in flight
- [x] 6.4 Show empty/error states (no results, Overpass unavailable, zoom too low)
## 7. POI Marker Rendering
- [ ] 7.1 Render POI markers using `L.Marker` with `L.DivIcon` showing category icon
- [ ] 7.2 Add click popup with POI name, category, opening hours, website, and OSM link
- [x] 7.1 Render POI markers using `L.Marker` with `L.DivIcon` showing category icon
- [x] 7.2 Add click popup with POI name, category, opening hours, website, and OSM link
- [ ] 7.3 Add `leaflet.markercluster` for clustering dense POI areas (dynamic import to avoid bundle bloat)
- [ ] 7.4 Set z-index so POI markers render below route polyline and waypoint markers
- [x] 7.4 Set z-index so POI markers render below route polyline and waypoint markers
## 8. Profile-Aware Defaults