Adding A Leaflet Map

This website demonstrates the use of custom fields and the leaflet map API.

It was designed to show a London page with a map on it. The Client wanted to add pages for different locations in London and display them on a map on the London page.

I created a Templated for what I called County Pages and a child template for locations. The location page contained custom fields for the coordinates (north and west) and a title for the marker (marker_title). I then created a custom footer for the County page to avoid running the script on every page.

The client could then create child pages with custom fields for coordinates and marker title. These markers would be displayed on the county page with links to the child pages.

This link takes you to the London Page.