Maps, GIS and geospatial web

Metro-style hiking trails

cartography
Outdooractive

East European hiking trails are usually colour-coded according to trail importance, e.g. blue for long distance, red for intermediate, yellow for local etc. What's more, each trail usually has a special icon that characterizes it, shown prominently on signs on the ground. Due to popular demand by users at Outdooractive, who were used to regional web maps showing coloured trail lines separately, I was tasked with making a style amendment to our system to accommodate the use case.

I developed a routine using SQL Postgres preprocessing and Mapbox GL-JS layers to take the existing solutions one step further. The original OpenStreetMap hiking layer was cleaned, aggregated and ordered according to colour and trail type properties. Different front-end layers combine to create the final metro-map style, where colours overlap and automatically buffer, improving clarity. The width of the highlights changes according to trail type and rank on each hiking segment.

The icons were treated in a similar aggregating manner, but using Mapbox's late formatted string expression to show icon clusters with or without labels according to zoom level.

DISCLAIMER
This work was based on infrastructure provided by the cartography team at Outdooractive, including icons and basemap.

Similar

Cover Image for Automatic minimaps
For Outdooractive,

QGIS project for auto minimap generation

Cover Image for Lost relative trail
For Marina Maniadaki,

Supporting an art project with maps

Cover Image for Tourism regions
For Outdooractive,

Restructuring the base of a travel guide

Cover Image for Computed symbology
For Outdooractive,

Custom visualisation functions

Cover Image for Activity maps
For Outdooractive,

PDF maps and height profiles

Cover Image for Business strategy map
For Verisure Glasgow,

Evaluating selling potential using open data

Cover Image for Web map for a baker
For Private client,

Tailor made map for a professional

Cover Image for Immigration map
For University of Glasgow,

A storytelling map focused at the Syrian refugee crisis

Cover Image for Arran topography
For University of Glasgow,

Touristic map design for a Scottish island

Cover Image for Cartographic process
For University of Glasgow,

Small exercises in cartography

Cover Image for Topographic survey in Wales
For University of Bristol,

Manual survey and handmade map