{"id":"69c593b15aae965d81fcb532","title":"Area Maps","path":"how-to/committee/editing-content/area-maps","contentMarkdown":"# Area Maps\n\nArea maps show your group's or area's geography on an interactive map that can be placed on any page. If your group belongs to an Area (for example Kent or Staffordshire), the map can display every group in that area with coloured boundaries. Where an area also manages footpath maintenance, the map shows which parishes have a footpath observer and which are vacant.\n\nEverything is managed from **Admin → System Settings → Maps**. The two guides below cover it in turn.\n\n## Configuring your area map\n\nChoosing colours and palettes, saving presets, group boundaries and geographic data\n\n![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/2daca973-1ad8-4b77-b9b2-381c9cfc5036.png)\n\n## Parish footpath observer allocations\n\nShowing allocated and vacant parishes, and the two ways to assign a footpath observer\n\n![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/6bd2ccd4-e486-4d9f-9762-15d5fecf60a1.png)\n\n## How the map works for visitors\n\n* **Hovering** over a group area shows a floating tooltip with the group name\n* **Clicking** a group area opens a popup with options such as visiting the group's website\n* **Clicking a legend item** opens the popup for that group\n* All links open in a new tab\n\n## See also\n\n* [Page Row Types](https://ngx-ramblers.org.uk/how-to/committee/editing-content/page-row-types) - adding an area map row to a page\n* [Area Map Examples](https://ngx-ramblers.org.uk/how-to/committee/editing-content/example-pages/area-maps) - worked examples of different area map views\n* [GPX Route Maps](https://ngx-ramblers.org.uk/how-to/committee/editing-content/map-rows) - adding walking route maps to pages\n* [Maps with Routes](https://ngx-ramblers.org.uk/how-to/committee/editing-content/example-pages/maps-with-routes) - a worked route + location example","contentHtml":"<h1>Area Maps</h1>\n<p>Area maps show your group&#39;s or area&#39;s geography on an interactive map that can be placed on any page. If your group belongs to an Area (for example Kent or Staffordshire), the map can display every group in that area with coloured boundaries. Where an area also manages footpath maintenance, the map shows which parishes have a footpath observer and which are vacant.</p>\n<p>Everything is managed from <strong>Admin → System Settings → Maps</strong>. The two guides below cover it in turn.</p>\n<h2>Configuring your area map</h2>\n<p>Choosing colours and palettes, saving presets, group boundaries and geographic data</p>\n<p><img src=\"https://ngx-ramblers.org.uk/api/aws/s3/site-content/2daca973-1ad8-4b77-b9b2-381c9cfc5036.png\" alt=\"\"></p>\n<h2>Parish footpath observer allocations</h2>\n<p>Showing allocated and vacant parishes, and the two ways to assign a footpath observer</p>\n<p><img src=\"https://ngx-ramblers.org.uk/api/aws/s3/site-content/6bd2ccd4-e486-4d9f-9762-15d5fecf60a1.png\" alt=\"\"></p>\n<h2>How the map works for visitors</h2>\n<ul>\n<li><strong>Hovering</strong> over a group area shows a floating tooltip with the group name</li>\n<li><strong>Clicking</strong> a group area opens a popup with options such as visiting the group&#39;s website</li>\n<li><strong>Clicking a legend item</strong> opens the popup for that group</li>\n<li>All links open in a new tab</li>\n</ul>\n<h2>See also</h2>\n<ul>\n<li><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/page-row-types\">Page Row Types</a> - adding an area map row to a page</li>\n<li><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/example-pages/area-maps\">Area Map Examples</a> - worked examples of different area map views</li>\n<li><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/map-rows\">GPX Route Maps</a> - adding walking route maps to pages</li>\n<li><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/example-pages/maps-with-routes\">Maps with Routes</a> - a worked route + location example</li>\n</ul>\n"}