{"id":"68d347d340c4f24c2e28b06a","title":"2025 09 24","path":"how-to/committee/release-notes/2025-09-24","contentMarkdown":"# 12th — 24th September 2025 — New Map View\n## [Build #292](https://github.com/nbarrett/ngx-ramblers/actions/runs/17963403975/job/51091248409)\nA new Map View was delivered which permits groups or areas to view and filter their walks and display the results on a zoomable map.\n* 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). \n* 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.\n* 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. \n* 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:\n\n![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/79ad1892-51e7-475a-830d-6454a9f5b24f.jpg)\n\n* On the walk view, the map is now offered as an OS Explorer (1:25,000):\n\n![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/27d29289-f46e-4bb1-81aa-3cb746f50830.jpg)\n\n### 2025-09-24 — Map services centralisation and UI styling improvements\n\n- feat(maps): Centralise map services and improve UI styling (refs #13) ([ec541ef](https://github.com/nbarrett/ngx-ramblers/commit/ec541ef))\n    - Extract MapTilesService, MapPopupService, MapMarkerStyleService for code reuse\n    - Consolidate hardcoded colours into SASS variables (--ramblers-colour-sunrise, --ramblers-colour-mintcake)\n    - Add responsive pagination with full-width buttons on small screens for Cards View\n    - Fix S3 image URLs in popups using urlService.imageSource()\n    - Add walk count display with missing location qualifier (e.g. \"95 walks (710 missing location)\")\n\n### 2025-09-23 — OS Explorer integration and popup enhancements\n\n- feat(walks): OS Explorer pins, grouped popups, ESC-to-close; stabilise style switching (refs #13) ([fea56c1](https://github.com/nbarrett/ngx-ramblers/commit/fea56c1))\n    - Add distinctive purple cluster styling and custom pin icons for OS Explorer maps\n    - Implement grouped popups with ESC-to-close functionality\n    - Improve z-index handling for popup layering over map controls\n    - Stabilise map provider switching between OSM and OS Explorer\n    - Add popup behaviour controls (autoClose: false, autoPan: false, keepInView: false)\n\n### 2025-09-22 — Map View foundation with clustering\n\n- feat(walks): add Map View with clusters, popups, and remembered settings (closes #13) ([724d6b1](https://github.com/nbarrett/ngx-ramblers/commit/724d6b1))\n    - Add intelligent marker clustering with responsive cluster icons\n    - Implement comprehensive popup system for walk details\n    - Add persistent map view preferences across sessions\n    - Integrate both OSM and OS Explorer map providers with appropriate CRS handling\n\n### 2025-09-21 — Walk display fixes\n\n- fix(walks): restore Google/Pin map toggle by correcting radio grouping ([5f6b4de](https://github.com/nbarrett/ngx-ramblers/commit/5f6b4de))\n- fix(walks): align walk view panels and Google Maps controls ([615bcdd](https://github.com/nbarrett/ngx-ramblers/commit/615bcdd))\n    - Correct vertical spacing between map components and content panels\n    - Improve Google Maps control positioning and interaction\n\n### 2025-09-20 — Committee and UI fixes\n\n- fix(ui): correct date format in committee year display ([4cf1267](https://github.com/nbarrett/ngx-ramblers/commit/4cf1267))\n- fix(ui): resolve committee year URL refresh redirect issue ([b4a1eb4](https://github.com/nbarrett/ngx-ramblers/commit/b4a1eb4))\n\n### 2025-09-19 — Image handling improvements\n\n- fix(ui): refine placeholder image handling for action buttons and committee pages ([336934f](https://github.com/nbarrett/ngx-ramblers/commit/336934f))\n- feat(ui): add placeholder image preview in dynamic content ([519dac7](https://github.com/nbarrett/ngx-ramblers/commit/519dac7))\n\n### 2025-09-17 — Walk photo display fix\n\n- fix(ui): resolve walk photo display bug and improve form styling ([4acb7f0](https://github.com/nbarrett/ngx-ramblers/commit/4acb7f0))","contentHtml":"<h1>12th — 24th September 2025 — New Map View</h1>\n<h2><a href=\"https://github.com/nbarrett/ngx-ramblers/actions/runs/17963403975/job/51091248409\">Build #292</a></h2>\n<p>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.</p>\n<ul>\n<li>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). </li>\n<li>The OS Maps are available as long as an OS Maps API Key has been entered in <code>/admin/system-settings?tab=external-systems</code> in the <strong>OS Maps</strong> section.</li>\n<li>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. </li>\n<li>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:</li>\n</ul>\n<p><img src=\"https://ngx-ramblers.org.uk/api/aws/s3/site-content/79ad1892-51e7-475a-830d-6454a9f5b24f.jpg\" alt=\"\"></p>\n<ul>\n<li>On the walk view, the map is now offered as an OS Explorer (1:25,000):</li>\n</ul>\n<p><img src=\"https://ngx-ramblers.org.uk/api/aws/s3/site-content/27d29289-f46e-4bb1-81aa-3cb746f50830.jpg\" alt=\"\"></p>\n<h3>2025-09-24 — Map services centralisation and UI styling improvements</h3>\n<ul>\n<li>feat(maps): Centralise map services and improve UI styling (refs #13) (<a href=\"https://github.com/nbarrett/ngx-ramblers/commit/ec541ef\">ec541ef</a>)<ul>\n<li>Extract MapTilesService, MapPopupService, MapMarkerStyleService for code reuse</li>\n<li>Consolidate hardcoded colours into SASS variables (--ramblers-colour-sunrise, --ramblers-colour-mintcake)</li>\n<li>Add responsive pagination with full-width buttons on small screens for Cards View</li>\n<li>Fix S3 image URLs in popups using urlService.imageSource()</li>\n<li>Add walk count display with missing location qualifier (e.g. &quot;95 walks (710 missing location)&quot;)</li>\n</ul>\n</li>\n</ul>\n<h3>2025-09-23 — OS Explorer integration and popup enhancements</h3>\n<ul>\n<li>feat(walks): OS Explorer pins, grouped popups, ESC-to-close; stabilise style switching (refs #13) (<a href=\"https://github.com/nbarrett/ngx-ramblers/commit/fea56c1\">fea56c1</a>)<ul>\n<li>Add distinctive purple cluster styling and custom pin icons for OS Explorer maps</li>\n<li>Implement grouped popups with ESC-to-close functionality</li>\n<li>Improve z-index handling for popup layering over map controls</li>\n<li>Stabilise map provider switching between OSM and OS Explorer</li>\n<li>Add popup behaviour controls (autoClose: false, autoPan: false, keepInView: false)</li>\n</ul>\n</li>\n</ul>\n<h3>2025-09-22 — Map View foundation with clustering</h3>\n<ul>\n<li>feat(walks): add Map View with clusters, popups, and remembered settings (closes #13) (<a href=\"https://github.com/nbarrett/ngx-ramblers/commit/724d6b1\">724d6b1</a>)<ul>\n<li>Add intelligent marker clustering with responsive cluster icons</li>\n<li>Implement comprehensive popup system for walk details</li>\n<li>Add persistent map view preferences across sessions</li>\n<li>Integrate both OSM and OS Explorer map providers with appropriate CRS handling</li>\n</ul>\n</li>\n</ul>\n<h3>2025-09-21 — Walk display fixes</h3>\n<ul>\n<li>fix(walks): restore Google/Pin map toggle by correcting radio grouping (<a href=\"https://github.com/nbarrett/ngx-ramblers/commit/5f6b4de\">5f6b4de</a>)</li>\n<li>fix(walks): align walk view panels and Google Maps controls (<a href=\"https://github.com/nbarrett/ngx-ramblers/commit/615bcdd\">615bcdd</a>)<ul>\n<li>Correct vertical spacing between map components and content panels</li>\n<li>Improve Google Maps control positioning and interaction</li>\n</ul>\n</li>\n</ul>\n<h3>2025-09-20 — Committee and UI fixes</h3>\n<ul>\n<li>fix(ui): correct date format in committee year display (<a href=\"https://github.com/nbarrett/ngx-ramblers/commit/4cf1267\">4cf1267</a>)</li>\n<li>fix(ui): resolve committee year URL refresh redirect issue (<a href=\"https://github.com/nbarrett/ngx-ramblers/commit/b4a1eb4\">b4a1eb4</a>)</li>\n</ul>\n<h3>2025-09-19 — Image handling improvements</h3>\n<ul>\n<li>fix(ui): refine placeholder image handling for action buttons and committee pages (<a href=\"https://github.com/nbarrett/ngx-ramblers/commit/336934f\">336934f</a>)</li>\n<li>feat(ui): add placeholder image preview in dynamic content (<a href=\"https://github.com/nbarrett/ngx-ramblers/commit/519dac7\">519dac7</a>)</li>\n</ul>\n<h3>2025-09-17 — Walk photo display fix</h3>\n<ul>\n<li>fix(ui): resolve walk photo display bug and improve form styling (<a href=\"https://github.com/nbarrett/ngx-ramblers/commit/4acb7f0\">4acb7f0</a>)</li>\n</ul>\n"}