Clickable POIs on the frontpage
from https://wiki.openstreetmap.org/wiki/Top_Ten_Tasks#Clickable_POIs_on_the_frontpage
Clickable POIs on the frontpage
- What's involved: Mapnik, JavaScript, or possibly an alternative technology stack
- Who can you talk to: dev mailing list or EWG
- What's being done already: this research and the query tool
One of the areas where other map providers score over OSM is that many POIs on their slippy map are clickable, bringing up a balloon with more details (link to website, etc.).
Mapnik's MetaWriter functionality could provide much of the brainpower for this. Alternatively,
- @Komzpa has written an implementation for http://openstreetmap.by that could be reusable.
- POI catalog and clickable POI at http://openstreetmap.ru/ - Source code at Github, BSD license.
- There is a Query features tool on the OSM website, implemented with Overpass API.
Another option is to use Mapnik UTF-8 grids as an alternate renderer for mod_tile, so UTF-8 tiles are created, then re-use the provided examples.
The goal is to get clickable POIs on the osm.org frontpage. Additional UI features such as highlighting icons on hover could drastically improve the user experience.
This issue comes from the OSM Top Ten Tasks page
The ideal solution for this is vector tiles on OSM.
Two example situations:
historic=memorial+name=*historic=memorial+name=*+artist_name=*
In the first one clicability is not really needed, because we already show both informations by simple rendering. In the second one for showing all added informations clicability is necessary. The "artist_name=*" tag is the one which is "turning on" a clicability here.
I'm ready to prepare a list of similar tags which may turning on a clicability like in a example above. @bhousel What do you think?
I imagine OSM clicability like this:
- when you point a mouse on an object without any "clicable tag" nothing happens or the icon/ way/ area becomes just highligted around
- when you point a mouse on an object with "clicable tag", the icon/ way/ area becomes highlighted around and when you click on it, a small pop-up with all imformations shows up
There is my Photoshop mock-up from a clouple of years ago:
