OpenStreetMap 标志 OpenStreetMap

I've been having a bit of a tinker with the changeset browser pages (e.g.) this evening, trying to improve them a little. It's great to have the browser as a reference, but it's not always easy to pick out objects that have tags on them unless they have a name tag, which would highlight them. For example, picking out nodes in a highway way that have traffic lights on them.

Demo version of icons

By getting rails to add some CSS classes, generated based on a subset of popular tag keys - such as amenity, shop, railway, highway, etc. - and their values to the links, a stylesheet could insert icons either as a generic icon for that tag key, or a more specific one for a particular key=value pair where available. The icons could be the same as the ones used in Mapnik for a bit of consistency, and would also allow for this same behaviour to be exposed in the data browser pane on the map.

The links would look something like:
<a href="/browse/node/296615763" class="node amenity restaurant">Gaucho Grill (296615763, v2)</a>

.. and the CSS something like:

a.node { padding-left: 20px; }
a.node.shop { background: transparent url(shop.png) no-repeat center left; }
a.node.amenity.restaurant { background: transparent url(restaurant.png) no-repeat center left; }

Is this something that people may be interested in seeing?

电子邮件图标 Bluesky图标 Facebook图标 LinkedIn图标 Mastodon图标 Telegram图标 X图标

讨论

rurseekatze2010年03月 6日 08:00 的评论

Really good idea! It wasn't so user-friendly until now and I often was in a situation, where I first had to look into the details of each node to know which type it is. This feature would be very useful!

You should mention this on the wishlist for the new OSM main page!

Gnonthgol2010年03月 6日 08:11 的评论

Wow, this looks amazing. Just make sure it does not hit performance to much.
Deploy asap.

Ideas for improvment:
Icons on ways as well.
It would be nice to see what way(s) a node belongs to on the same page.

lyx2010年03月 6日 09:24 的评论

I really like it!

rendle2010年03月 6日 12:52 的评论

Would be nice.

Siren Torsvik Ornes2010年03月 6日 13:20 的评论

This would be really nice!

robert2010年03月 6日 15:28 的评论

Any improvements to the changeset browsing are good.

Skippern2010年03月 7日 19:27 的评论

This improvement looks good, both visually and technically. Hope that the RoR part is just as slick so we can have this up and running soon. It will be a great benefit for us who are trying to maintain large areas.

dankarran2010年03月 7日 19:41 的评论

I don't actually have a working rails port site set up to hack on at the moment, so if anybody fancies implementing it, please feel free. Otherwise, I'll hopefully get it set up soon so I can do it :)

Philip2010年03月 7日 20:50 的评论

Great idea :) Whilst you're in there adding the class attribute, it might be good to drop all the name/value pairs of all the node's tags into the 'title' attribute. Then they would show as you hovered over the link (which could then be progressively enhanced by a bit of js).

dankarran2010年03月 9日 14:17 的评论

I got my test site up and running locally, and the ruby code is working. I need to do some more testing and finish adding the classes in, then I'll propose it as a patch to the site maintainers.

IgnoredAmbience2010年03月16日 16:20 的评论

I only got a quick glance at wherecamp, how's it going?

dankarran2010年03月16日 19:13 的评论

It's about ready to go I think... The patch is on Trac ticket #2787 if you would like to try it out give any feedback?

登录以留下评论