# 12th — 24th September 2025 — New Map View
## [Build #292](https://github.com/nbarrett/ngx-ramblers/actions/runs/17963403975/job/51091248409)
A new Map View was delivered which permits groups or areas to view and filter their walks and display the results on a zoomable map.
* The map view is configurable and in addition to supporting the existing OpenStreetMaps provider, it now features all of the On-line OS Map Styles including the OS Explorer (1:25,000). 
* The OS Maps are available as long as an OS Maps API Key has been entered in `/admin/system-settings?tab=external-systems` in the **OS Maps** section.
* When zoomed out, walk start points are displayed as a numbered cluster marker, but when zoomed in, the individual walk start points are displayed as markers. 
* When a map marker is clicked, it displays a summary popup with the option to view the walk details. If this option is taken the walk is displayed below the map:

![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/79ad1892-51e7-475a-830d-6454a9f5b24f.jpg)

* On the walk view, the map is now offered as an OS Explorer (1:25,000):

![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/27d29289-f46e-4bb1-81aa-3cb746f50830.jpg)

### 2025-09-24 — Map services centralisation and UI styling improvements

- feat(maps): Centralise map services and improve UI styling (refs #13) ([ec541ef](https://github.com/nbarrett/ngx-ramblers/commit/ec541ef))
    - Extract MapTilesService, MapPopupService, MapMarkerStyleService for code reuse
    - Consolidate hardcoded colours into SASS variables (--ramblers-colour-sunrise, --ramblers-colour-mintcake)
    - Add responsive pagination with full-width buttons on small screens for Cards View
    - Fix S3 image URLs in popups using urlService.imageSource()
    - Add walk count display with missing location qualifier (e.g. "95 walks (710 missing location)")

### 2025-09-23 — OS Explorer integration and popup enhancements

- feat(walks): OS Explorer pins, grouped popups, ESC-to-close; stabilise style switching (refs #13) ([fea56c1](https://github.com/nbarrett/ngx-ramblers/commit/fea56c1))
    - Add distinctive purple cluster styling and custom pin icons for OS Explorer maps
    - Implement grouped popups with ESC-to-close functionality
    - Improve z-index handling for popup layering over map controls
    - Stabilise map provider switching between OSM and OS Explorer
    - Add popup behaviour controls (autoClose: false, autoPan: false, keepInView: false)

### 2025-09-22 — Map View foundation with clustering

- feat(walks): add Map View with clusters, popups, and remembered settings (closes #13) ([724d6b1](https://github.com/nbarrett/ngx-ramblers/commit/724d6b1))
    - Add intelligent marker clustering with responsive cluster icons
    - Implement comprehensive popup system for walk details
    - Add persistent map view preferences across sessions
    - Integrate both OSM and OS Explorer map providers with appropriate CRS handling

### 2025-09-21 — Walk display fixes

- fix(walks): restore Google/Pin map toggle by correcting radio grouping ([5f6b4de](https://github.com/nbarrett/ngx-ramblers/commit/5f6b4de))
- fix(walks): align walk view panels and Google Maps controls ([615bcdd](https://github.com/nbarrett/ngx-ramblers/commit/615bcdd))
    - Correct vertical spacing between map components and content panels
    - Improve Google Maps control positioning and interaction

### 2025-09-20 — Committee and UI fixes

- fix(ui): correct date format in committee year display ([4cf1267](https://github.com/nbarrett/ngx-ramblers/commit/4cf1267))
- fix(ui): resolve committee year URL refresh redirect issue ([b4a1eb4](https://github.com/nbarrett/ngx-ramblers/commit/b4a1eb4))

### 2025-09-19 — Image handling improvements

- fix(ui): refine placeholder image handling for action buttons and committee pages ([336934f](https://github.com/nbarrett/ngx-ramblers/commit/336934f))
- feat(ui): add placeholder image preview in dynamic content ([519dac7](https://github.com/nbarrett/ngx-ramblers/commit/519dac7))

### 2025-09-17 — Walk photo display fix

- fix(ui): resolve walk photo display bug and improve form styling ([4acb7f0](https://github.com/nbarrett/ngx-ramblers/commit/4acb7f0))