isabella232 / osm-navigation-map

A map to explore navigation data in OpenStreetMap

OpenStreetMap Navigation Map

The OpenStreetMap Navigation map is a web application which uses Mapillary vector layer to highlight the traffic signages detected in Mapillary images. The application is helpful to add/verify/modify turn-restrictions on OpenStreetMap.

Develop

• git clone
• npm install && npm start

Tilesets

The map uses various custom Mapbox tilesets maintained by @planemad that has OSM navigation data extracted via overpass/shaktimaan. The tilesets are updated infrequently, please request an update if required.

• Project cities boundaries - maning.worldcities
• OSM turn restrictions type=restriction - planemad.osmturnrestrictions
• OSM turn lanes turn:lanes turn:lanes:forward turn:lanes:backward - planemad.osmturnlanes
• OSM traffic signals highway=traffic_signals - planemad.osmtrafficsignals
• OSM speed limits maxspeed=* - planemad.osmmaxspeed
• OSM access restrictions access=* - planemad.osmaccess

Interface

OpenStreetMap Navigation Map consists of 3 layers which helps you to navigate between OpenStreetMap data and Mapillary data.

• Tile Boundaries : Tile boundaries is a overlay layer which divides the map into tiles which is visible after zoom10. This layer helps to divides the working area/city into blocks and make sure that mappers don't work on the same area.

Image showing tile boundaries along with tile numbers

• Oneways : The Oneway layer highlights the roads with oneway tag in OpenStreetMap which helps the mapper to analyse the turn-restriction and the road data before adding it.

Image showing oneways highlighted in map style

• Mapillary Street Photos : Mapillary Street Photos enables the Mapillary vector layer on the map which highlights the detected images with signages in it. The arrow on the GPS traces indicate the direction of the Mapillary sequence.

Image showing Mapillary traces in map style

Map Styles

OpenStreetMap Navigation map highlights different features present in OpenStreetMap and Mapillary detected signs in different colours. Below is the description on colours used in the map style:

• Mapillary detected Turn-restriction : The turn-restrictions detected on Mapillary vector layer are shown in the form on respective detected icons. The turn-restriction signages differ from country to country. Below are few examples:

• Turn-Restriction present on OpenStreetMap : The map shows the turn-restrictions present on OpenStreetMap for the mapper to get the overview of the detection and go forward.

  • No-turns : No turn-restriction like no-left-turn, no-right-turn, no-u-turn and no-straight-on are styled with

    • from as yellow line.
    • via as red circle/dashed-line.(orange in case of no-u-turn)
    • to as red dashed-line.
      

  • Only-turns : Only turn-restriction like only-left-turn, only-right-turn and only-straight-on are styled with

    • from as yellow line.
    • via as blue dot/line.
    • to as in blue dashed-line.

Workflow

Step 1

Login to OpenStreetMap : Logging-in to your OpenStreetMap account helps to know who reviewed the detected turn-restriction.

Step 2

Detecting turn-restriction images : The position of the detected signage will be a probable location of the turn-restriction.

1. When clicked on the specific detected signage, you get to edit add/edit the label for the turn-restriction.
2. The respective images location of detected signage is highlighted as big green arrow. The highlighted green arrow have the signage in it and lets you to play the sequence of the images to get an overview of where the turn-restriction is applicable when you click on it.
3. The detected image Mapillary sequence can be played to see the images and get the identify better image with signage.
4. laying the sequence all the photos present in that sequence are shown as smaller green arrows. We can also open image in a new tab to get a wider picture of the turn restriction by clicking on the image.

Note : Sometimes the popup might hide the detected image location. Close the popup to find green-arrows with image location

Step 3

Add/Verify/Modify turn-restriction : While navigating in the navigation map using image sequence, we can find out where and to which junction the turn-restriction applies to.

• Click on Edit Map to edit using iD editor - Follow instructions here on how to add turn-restriction in iD editor.
• When clicked on detected signage, the map view bounding box will be downloaded as layer in JOSM (if JOSM is open) - Follow instruction here on how to add turn-restriction in JOSM editor.

Step 4

Label reviewed turn-restriction : Once done, update the status of the restriction on the OSM navigation map:

• Valid - The detected restriction is valid and is either already present on OpenStreetMap or added to OpenStreetMap base dont his workflow.
• Redundant - The detected restriction is correct but is not necessary to be added to OpenStreetMap since it is redundant for routing. eg. A no left turn against a oneway road.
• Invalid - The detected restriction on Mapillary is incorrect. Do not add to the map
• Note - An OpenStreetMap note can be added if you want any local mapper to verify the turn-restriction before it is added to OpenStreetMap.

Note : For junctions where same signage is detected multiple times, review one of them and leave the rest unattended and do not label them with any of the above.