About this block
The map tag draws an OpenStreetMap map. Pins are address elements with data-pin="lat,lng"; a route is any element with data-path, one "lat,lng" line per waypoint (an optional third value after a comma draws a numbered badge), styled with data-color, data-weight, data-opacity and data-dashed. Without scripting the pins and route labels stay as a readable list.
How to customize it
- Set lat, lng and zoom on the tag to the centre of the map. Leave zoom out and the map fits every pin and route.
- Keep tiles: 'osm'; other tile styles need their own key.
- Give the map's container a height and a relative z-0 so the header and dialogs stay above it.
- The first strong or heading inside a pin becomes the popup title.