{"id":"69426d2c7e3b8fca304ec46f","title":"Maps With Routes","path":"how-to/committee/editing-content/example-pages/maps-with-routes","contentMarkdown":"# Maps with Routes\n\nThis example page shows the two map row types that work together to present a walk: a **Location row** that pins a start point, and a **Map row** that draws a walking route from a GPX file. For the complete reference covering every setting, see [GPX Route Maps](https://ngx-ramblers.org.uk/how-to/committee/editing-content/map-rows).\n\n## Example 1 - a start location\n\nA **Location row** marks a single place. Here it is the start of the walk at Dunton Green, Sevenoaks. Enter a postcode or place and the row resolves it to coordinates and shows the Ordnance Survey grid reference (6, 8 and 10 figure) and an optional what3words address. On its own it is useful for \"where we meet\" panels; combined with a map row below it, it becomes the route's start marker.\n\n## Example 2 - a walking route from a GPX file\n\nA **Map row** draws one or more routes loaded from GPX files. This one shows the Sevenoaks circular on Ordnance Survey tiles. Two things to note:\n\n* **Auto-fit bounds** frames the map to the whole route, so you do not have to set the centre and zoom by hand.\n* **Use location from page** is switched on, so the start marker is taken straight from the Location row above rather than entered twice. Change the location once and both update together.\n\nTo build your own: add a Map row, click **Add Route**, upload a GPX file (or a GeoJSON/ESRI zip, which is converted automatically), give it a name and colour, and switch on auto-fit bounds.\n\n## See also\n\n* [GPX Route Maps](https://ngx-ramblers.org.uk/how-to/committee/editing-content/map-rows) - the full reference for map rows and GPX routes\n* [Area Maps](https://ngx-ramblers.org.uk/how-to/committee/editing-content/area-maps) - group boundaries and parish footpath observer allocations\n* [Page Row Types](https://ngx-ramblers.org.uk/how-to/committee/editing-content/page-row-types) - all the row types you can add to a page","contentHtml":"<h1>Maps with Routes</h1>\n<p>This example page shows the two map row types that work together to present a walk: a <strong>Location row</strong> that pins a start point, and a <strong>Map row</strong> that draws a walking route from a GPX file. For the complete reference covering every setting, see <a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/map-rows\">GPX Route Maps</a>.</p>\n<h2>Example 1 - a start location</h2>\n<p>A <strong>Location row</strong> marks a single place. Here it is the start of the walk at Dunton Green, Sevenoaks. Enter a postcode or place and the row resolves it to coordinates and shows the Ordnance Survey grid reference (6, 8 and 10 figure) and an optional what3words address. On its own it is useful for &quot;where we meet&quot; panels; combined with a map row below it, it becomes the route&#39;s start marker.</p>\n<h2>Example 2 - a walking route from a GPX file</h2>\n<p>A <strong>Map row</strong> draws one or more routes loaded from GPX files. This one shows the Sevenoaks circular on Ordnance Survey tiles. Two things to note:</p>\n<ul>\n<li><strong>Auto-fit bounds</strong> frames the map to the whole route, so you do not have to set the centre and zoom by hand.</li>\n<li><strong>Use location from page</strong> is switched on, so the start marker is taken straight from the Location row above rather than entered twice. Change the location once and both update together.</li>\n</ul>\n<p>To build your own: add a Map row, click <strong>Add Route</strong>, upload a GPX file (or a GeoJSON/ESRI zip, which is converted automatically), give it a name and colour, and switch on auto-fit bounds.</p>\n<h2>See also</h2>\n<ul>\n<li><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/map-rows\">GPX Route Maps</a> - the full reference for map rows and GPX routes</li>\n<li><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/area-maps\">Area Maps</a> - group boundaries and parish footpath observer allocations</li>\n<li><a href=\"https://ngx-ramblers.org.uk/how-to/committee/editing-content/page-row-types\">Page Row Types</a> - all the row types you can add to a page</li>\n</ul>\n"}