Portal Map
| Portal Map | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Author: | yopaseopor/portalmap/graphs/contributors GitHub | |||||||||||||||||||||||||||||||||||||||||||||||||||||
| License: | GNU GPL v2, FreeBSD License, and MIT License (free of charge) | |||||||||||||||||||||||||||||||||||||||||||||||||||||
| Platform: | Web | |||||||||||||||||||||||||||||||||||||||||||||||||||||
| Version: | 1.0 releases (2025-10-29) | |||||||||||||||||||||||||||||||||||||||||||||||||||||
| Language: | multiple languages
| |||||||||||||||||||||||||||||||||||||||||||||||||||||
| Website: | Portal Map | |||||||||||||||||||||||||||||||||||||||||||||||||||||
| Source code: | yopaseopor/portalmap GitHub | |||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Watch any key=value in and outside OpenStreetMap. |
||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||
Portal Map (https://yopaseopor.github.io/portalmap) is a web-based OpenStreetMap viewer that provides specialized visualization of points of interest (POIs) and services via show you OSM data about a specific tag=value.
Features
- Multiple Base Maps: Choose from various base maps including OpenStreetMap, MapTiler...
- Vector Tiles Support: Fast rendering with custom vector styles
- Interactive Controls: Intuitive zoom, coordinates display, and layer selector
- Advanced Search: Filter by node/way/relation with real-time statistics
- Multilingual Interface: Available in English, Spanish, and Catalan
- External Integrations: Direct links to popular OSM and not OSM editors and services
Key Functionality
- View and analyze OSM data with custom styling
- Toggle different overlay layers for various POI categories
- Access detailed metadata for any map element
- Switch between multiple map styles and projections
- Responsive design works on desktop and mobile devices
Links into
- Other different other maps and other services at the same place with the same zoom : Here, Google Maps, Apple Maps, Bing, Mapillary, KartaView...
- Main data with OSM different renders and services like : OpenLevelUp, WayMarkedTrails, OpenCampingMap, Osmand, Openrouteservice, Open Source Routing Machine, Graphhopper, Brouter, F4Map, Streets.gl, Qwant, MapyCZ, Windy, OpenStreetBrowser, Tracesmap...
- Other similar maps with the same infraestructure: OSM Accesibility Map, OSM Baby Map, OSM Eat & Drink, OSM FireFighters Map, OSM Historic Map, OSM Lit Map, OSM Limits Map, OSM Library Map, OSM Sports Map, OSM Parking Map, OSM Recycling Map, OSM Validator Map and the OSM POIs Map itself...
- OSM data tools : OSM Notes, Keep Right , Geofabrik Tools,Notes Review, Latest OpenStreetMap Edits per Tile,Osmose...
- Some Mapcomplete official and unofficial quests like Wherethestreetshavenonumber, Turn Back Time, OSM Hydrant, Hail hydrant, Crossing time, Waste, Test check date, Eat & drink, Playground types, Changing tables, Baby feeding...
- Edit with iD, Level0, RapiD or JOSM/Merkaator/Potlach.
How to Use
1. Select your preferred base map from the layer selector
2. Enable/disable POI categories using the overlays menu
3. Click on any feature to view its OSM tags and metadata
4. Use the search function to find specific locations or features
5. Switch languages using the language selector in the interface
Development
Portal Map was developed using a "vibe coding" approach, focusing on rapid iteration and creative integration of multiple data sources. The project is built with:
- Frontend: JavaScript with OpenLayers 6.2.2
- Data: Overpass API for OSM queries
- Search: data from Nominatim
- Routing: from https://router.project-osrm.org
- Styling: Custom CSS with responsive design
- Translations: Dynamic translation system
AI Tools
This project was developed with vibe coding using various AI-assisted coding tools including:
- Windsurf with SWE and code-supernova-1 million (disappeared)
See also
- List of OSM-based services
- OSM POIs Map - The original project that inspired Portal Map
- Source code : https://github.com/yopaseopor/portalmap
- Live Demo
- GitHub Repository
- Author's OSM Profile