GeoCards is a clean, interactive map (built with MapLibre and OpenFreeMap) where you can click on literally any text label - cities, parks, roads - and it pulls the relevant Wikipedia summary and photos into the sidebar. It’s great for 'armchair traveling' or just learning about the history of the places you're browsing. |
The Tech Stack:
MapLibre GL: For the vector map rendering.
OpenFreeMap: I’m using their 'Liberty' style for the tiles.
Wikipedia REST API: To pull the page summaries and thumbnails.
Photon (Komoot): For the geocoding/search functionality.
The Challenge: One of the trickier parts was ensuring that clicking a label actually registered the correct entity. I’ve implemented a fallback to a Wikipedia GeoSearch (radius-based) if the specific label name doesn’t have a direct "Summary" page match.