Wikipedia:Creating shape maps from OpenStreetMap data

This is a tutorial for creating interactive maps on Wikipedia for shapes using OpenStreetMap data, available on a compatible Open Database License. This is applicable for creating maps of parks, historic districts, campuses, and most other present-day sites.

Part 1: Finding the data on OpenStreetMap

There are two methods you can use to find the space you want to map:

Method 1: Using the OpenStreetMap website

The 'Transport Map' layer, when sufficiently zoomed-in, shows routes and route numbers in red

1. Go to OpenStreetMap and zoom into the general area where the route runs.
2. Switch to the "Transport Map" layer using the 'Layers' sidebar on the right.
3. Now you should see all the transit routes highlighted on the map, with numbers indicating the route numbers. Select a route by right-clicking (control-click on Macs) and selecting 'Query features'.
4. Then search through the list for the route you desire; selecting it will bring you the relation representing the route, with the route displayed beside it on the map.

Method 2: Using the OSM Relation Analyzer

If you already know how the relation would be tagged, the OSM Relation Analyzer can be more convenient:

1. Go to the OSM Relation Analyzer.
2. Set Relation Type to route.
3. Set Network to a route network identifier, such as COTA, or set Operator to an agency name, such as Central Ohio Transit Authority.
4. Set Ref Tag to the route number, for example 10.
5. Optionally set Route to bus if the same agency assigns the same route number to a bus line and another kind of route.
6. Click Search.
7. Click the relevant relation ID (generally several digits long), then click Browse to see it on the OpenStreetMap website.

If you found the data on OSM, continue on to Part 3. If you did not find it, continue to Part 2 first to create the shape on OpenStreetMap.

Part 3: Embedding the route into an article

There are two ways to embed the route into an article, both using the {{maplink}} template:

Method 1: Using Wikidata

If the route has a Wikidata item and the OpenStreetMap route relation already has a wikidata tag set to that item's QID, you can embed a map of the route directly onto a Wikipedia article as external data. Use the {{maplink}} template, setting the |id= parameter to the QID, such as Q88466277. Normally, changes to the route in OpenStreetMap are reflected in the article within about two days.

Example: {{maplink|frame=yes|frame-width=180|id=Q126163|type=line|zoom=10|stroke-width=2|stroke-color=#00933C|text=[[New York City Subway]] {{NYCS|4}} train}}

Note: Due to downtime in the service that synchronizes Kartographer with OpenStreetMap, any element tagged after January 24 won't be picked up by this service, making this easier route impossible for newly-tagged elements.

Tracked in Phabricator
Task T243609

Method 2: Using Wikimedia Commons

Using map data on Wikimedia Commons:

1. Paste the relation ID into this Overpass query, replacing '8343040'. The ID filter is actually one of many possible filters you could use here.
2. Run the query, then click 'Export' in the toolbar and select the 'copy' part of 'download/copy as GeoJSON'
3. In Wikimedia Commons, create a page in the Data: namespace with the .map extension, like Data:COTA10.map
4. When you create the page, replace the 'Data' placeholder (including the two brackets) with the GeoJSON you copied.
5. Uncomment the line "license": "ODbL-1.0", // ODC Open Database License v1.0 and save the page.
6. You may need to adjust the coordinates or zoom level in order for the map to display properly; here you can also add parameters for line width, color, etc.
7. The route may also come with points indicating stops or stations; if you do not want to include these, you would have to remove the feature data, located at the end of your Json data.
8. Then you can use the map data in Wikipedia articles, through {{maplink}} using the parameter |from=COTA10.map, or manually, like seen here.

Example: {{maplink|frame=yes|frame-width=180|frame-height=270|from=COTA8.map|type=line|stroke-width=2|stroke-color=#0e2c6c|text=[[Central Ohio Transit Authority|COTA]] route {{COTA link|8}}}}

If the route changes in OpenStreetMap, repeat steps 1 through 3 to update the existing Wikimedia Commons map data page.

See also

• Commons:Map resources
• Wikipedia:Creating route maps from OpenStreetMap data