6 ms·

OpenStreetMap gets new, easier to use in-browser editor

209 points by jboynyc 13y ago

jfirebaugh 13y ago
iD developer here. I did a series of posts on the architecture of iD that folks here might find interesting: http://www.mapbox.com/osmdev/2013/02/26/id-architecture-part-1/ http://www.mapbox.com/osmdev/2013/02/26/id-architecture-part... http://www.mapbox.com/osmdev/2013/02/27/id-architecture-part-2/ http://www.mapbox.com/osmdev/2013/02/27/id-architecture-part... http://www.mapbox.com/osmdev/2013/02/28/id-architecture-part-3/ http://www.mapbox.com/osmdev/2013/02/28/id-architecture-part...
- iirvine 13y ago
  I've been following iD development on github (https://github.com/systemed/iD/ https://github.com/systemed/iD/) since last year, and I honestly think that reading through its source is the single best case study I've come across for application development with D3. It's pretty phenomenal. Perhaps I'm a bit biased since I work on map stuff as well, but I think pretty much anyone thinking about using D3 to build anything larger than one-off visualizations would do well to see how it's put to use in iD. Hats off to you guys, great work!
- agumonkey 13y ago
  Just added my first changes through iD, I didn't expect something so simple, functional and ergonomic. Little details like contextual ~pie-menus, geometric operation suggestion for instance segment midpoint as a trigger for insertion, very pretty. Did you work on modeling tools prior to that ?
- aluhut 13y ago
  Thank you for your great work. You just gave me a new hobby!
jlgreco 13y ago
The iD editor is really slick. Glad to see this is becoming the default editor on openstreetmap.org. It deserves it. For the impatient, here is what it looks like: http://blog.openstreetmap.org/wp-content/uploads/2013/05/id_animated.gif http://blog.openstreetmap.org/wp-content/uploads/2013/05/id_...
- santa_boy 13y ago
  Unrelated .... but did you create that animated gif on a mac? Which tool did you use?
  - dbaupp 13y ago
    I think that's the PR gif that the OSM blog posted a while ago when first announcing iD.
  - jlgreco 13y ago
    @dbaupp is correct, I didn't make the gif. If I had to guess though I would say that photoshop can probably convert video files to gifs. Not sure.
  - barrkel 13y ago
    FWIW... $ ffmpeg -i input.mp4 -r 30 -f image2 frame-%5d.jpg $ gm convert -delay 20 -loop 0 frame-*.jpg output.gif Ffmpeg is probably able to convert a video directly into gif, but I couldn't get it to work from a single Google search.
mixmastamyk 13y ago
Nice. In the older editors, I always had trouble figuring out how to categorize points of interest. For example making a node a restaurant/bank/etc was always a hit or miss operation. Most of them wouldn't stick, if they even had one that made sense. I hope that's been fixed.
- Firefishy 13y ago
  Sure has. iD has large number of built in presets and also transparently queries http://taginfo.openstreetmap.org/ http://taginfo.openstreetmap.org/ for the more eccentric stuff.
Pxtl 13y ago
Since I obviously have some OSM developers in the room, can somebody point me to the right place to query against OSM mapping data? That is, if I want to get all one-way streets and stop-lights within my area, how do I do that? I've tried the various tools that send you a subset of the map (they don't seem to work) and the "download the whole OSM map and play with the XML" seems like a good way to choke on the data... Anybody got pointers?
- jfirebaugh 13y ago
  A query like "one-way streets and stop-lights within my area" is perfect for the Overpass API: http://wiki.openstreetmap.org/wiki/Overpass_API http://wiki.openstreetmap.org/wiki/Overpass_API The best UI for Overpass is http://overpass-turbo.eu/ http://overpass-turbo.eu/
- Firefishy 13y ago
  Overpass is great: All hospitals in Western Cape of South Africa: http://overpass-turbo.eu/s/on http://overpass-turbo.eu/s/on Else there are more manageable regional extracts of OpenStreetMap XML: http://download.geofabrik.de/ http://download.geofabrik.de/
- revorad 13y ago
  A friend of mine has recently started a service for providing processed OSM data based on user's requirements for a small fee. Check it out - http://opencagedata.com/ http://opencagedata.com/
  - JamesChevalier 13y ago
    I've been speaking to them a bit about city-specific data, and they've been incredibly helpful & knowledgable.
- olefoo 13y ago
  If you're wanting to query the data importing into PostGIS is a fairly straightforward way to do it. And you don't have to download the whole planet in one go.
s-phi-nl 13y ago
Note that this is partially a result of the Knight Foundation grant to Development Seed that was reported a couple of years ago. http://www.mapbox.com/blog/knight-invests-openstreetmap/ http://www.mapbox.com/blog/knight-invests-openstreetmap/ Nice work!
sjwright 13y ago
Is it easy to add a roundabout yet? I've wanted to make a whole bunch of improvements to OSM and keep getting stuck when trying to turn an intersection into a roundabout.
- rmc 13y ago
  You need to draw a circle and mark it one way, and tag it junction=roundabout
  - ris 13y ago
    You don't need to mark it oneway: that's implicit in the junction=roundabout tag.
  - sjwright 13y ago
    And then do I have to bisect the existing roads and rejoin them to the circle somehow? Why can't I just change an intersection into a roundabout, perhaps with a slider to select the diameter? Surely from a metadata point of view it makes more sense to store the describable facts rather than a bunch of road segments that emulate a circle.
freyfogle 13y ago
BTW if anyone is looking for an area to dive in, please feel free to help me map Andhra Pradesh http://freyfogle.tumblr.com/post/57007174879/mapping-andhra-pradesh http://freyfogle.tumblr.com/post/57007174879/mapping-andhra-...

209 points by jboynyc 13y ago

iD developer here. I did a series of posts on the architecture of iD that folks here might find interesting: http://www.mapbox.com/osmdev/2013/02/26/id-architecture-part-1/ http://www.mapbox.com/osmdev/2013/02/26/id-architecture-part... http://www.mapbox.com/osmdev/2013/02/27/id-architecture-part-2/ http://www.mapbox.com/osmdev/2013/02/27/id-architecture-part... http://www.mapbox.com/osmdev/2013/02/28/id-architecture-part-3/ http://www.mapbox.com/osmdev/2013/02/28/id-architecture-part...

iirvine 13y ago
I've been following iD development on github (https://github.com/systemed/iD/ https://github.com/systemed/iD/) since last year, and I honestly think that reading through its source is the single best case study I've come across for application development with D3. It's pretty phenomenal. Perhaps I'm a bit biased since I work on map stuff as well, but I think pretty much anyone thinking about using D3 to build anything larger than one-off visualizations would do well to see how it's put to use in iD. Hats off to you guys, great work!
agumonkey 13y ago
Just added my first changes through iD, I didn't expect something so simple, functional and ergonomic. Little details like contextual ~pie-menus, geometric operation suggestion for instance segment midpoint as a trigger for insertion, very pretty. Did you work on modeling tools prior to that ?
aluhut 13y ago
Thank you for your great work. You just gave me a new hobby!

jlgreco 13y ago

The iD editor is really slick. Glad to see this is becoming the default editor on openstreetmap.org. It deserves it. For the impatient, here is what it looks like: http://blog.openstreetmap.org/wp-content/uploads/2013/05/id_animated.gif http://blog.openstreetmap.org/wp-content/uploads/2013/05/id_...

santa_boy 13y ago
Unrelated .... but did you create that animated gif on a mac? Which tool did you use?
- dbaupp 13y ago
  I think that's the PR gif that the OSM blog posted a while ago when first announcing iD.
- jlgreco 13y ago
  @dbaupp is correct, I didn't make the gif. If I had to guess though I would say that photoshop can probably convert video files to gifs. Not sure.
- barrkel 13y ago
  FWIW... $ ffmpeg -i input.mp4 -r 30 -f image2 frame-%5d.jpg $ gm convert -delay 20 -loop 0 frame-*.jpg output.gif Ffmpeg is probably able to convert a video directly into gif, but I couldn't get it to work from a single Google search.

mixmastamyk 13y ago

Nice. In the older editors, I always had trouble figuring out how to categorize points of interest. For example making a node a restaurant/bank/etc was always a hit or miss operation. Most of them wouldn't stick, if they even had one that made sense. I hope that's been fixed.

Firefishy 13y ago
Sure has. iD has large number of built in presets and also transparently queries http://taginfo.openstreetmap.org/ http://taginfo.openstreetmap.org/ for the more eccentric stuff.

Pxtl 13y ago

Since I obviously have some OSM developers in the room, can somebody point me to the right place to query against OSM mapping data? That is, if I want to get all one-way streets and stop-lights within my area, how do I do that? I've tried the various tools that send you a subset of the map (they don't seem to work) and the "download the whole OSM map and play with the XML" seems like a good way to choke on the data... Anybody got pointers?

jfirebaugh 13y ago
A query like "one-way streets and stop-lights within my area" is perfect for the Overpass API: http://wiki.openstreetmap.org/wiki/Overpass_API http://wiki.openstreetmap.org/wiki/Overpass_API The best UI for Overpass is http://overpass-turbo.eu/ http://overpass-turbo.eu/
Firefishy 13y ago
Overpass is great: All hospitals in Western Cape of South Africa: http://overpass-turbo.eu/s/on http://overpass-turbo.eu/s/on Else there are more manageable regional extracts of OpenStreetMap XML: http://download.geofabrik.de/ http://download.geofabrik.de/
revorad 13y ago
A friend of mine has recently started a service for providing processed OSM data based on user's requirements for a small fee. Check it out - http://opencagedata.com/ http://opencagedata.com/
- JamesChevalier 13y ago
  I've been speaking to them a bit about city-specific data, and they've been incredibly helpful & knowledgable.
olefoo 13y ago
If you're wanting to query the data importing into PostGIS is a fairly straightforward way to do it. And you don't have to download the whole planet in one go.

s-phi-nl 13y ago

Note that this is partially a result of the Knight Foundation grant to Development Seed that was reported a couple of years ago. http://www.mapbox.com/blog/knight-invests-openstreetmap/ http://www.mapbox.com/blog/knight-invests-openstreetmap/ Nice work!

sjwright 13y ago

Is it easy to add a roundabout yet? I've wanted to make a whole bunch of improvements to OSM and keep getting stuck when trying to turn an intersection into a roundabout.

rmc 13y ago
You need to draw a circle and mark it one way, and tag it junction=roundabout
- ris 13y ago
  You don't need to mark it oneway: that's implicit in the junction=roundabout tag.
- sjwright 13y ago
  And then do I have to bisect the existing roads and rejoin them to the circle somehow? Why can't I just change an intersection into a roundabout, perhaps with a slider to select the diameter? Surely from a metadata point of view it makes more sense to store the describable facts rather than a bunch of road segments that emulate a circle.

freyfogle 13y ago

BTW if anyone is looking for an area to dive in, please feel free to help me map Andhra Pradesh http://freyfogle.tumblr.com/post/57007174879/mapping-andhra-pradesh http://freyfogle.tumblr.com/post/57007174879/mapping-andhra-...