Skip to main content

DIY cartography: Hands on with MapBox’s new open-source ‘iD’ editor in OpenStreetMap

osm-map-id-lead_dt
Image used with permission by copyright holder

Maps are nothing new; humans have been recording the layout of the world around them for close to 8,000 years. What started out as cave paintings developed into hand-drawn maps on parchment, which eventually turned into machine-printed atlases, and, most recently, into GPS guidance. While mapmaking has been primarily the job of cartography experts and companies like Rand McNally and Garmin, technology has allowed for an awesome shift, giving the power to document one’s surroundings back to the people. 

OpenStreetMap is an open-source community mapping project that uses a combination of satellite images and human input to survey and document the world. One of OpenStreetMap’s biggest contributors is the startup company MapBox, which just released a new map editor for OpenStreetMap called iD. While the capability to edit and correct information in OpenStreetMap has always been present, it just got a whole lot easier thanks to MapBox’s iD editor. It runs completely on Javascript and it’s easy to get started editing and documenting the world around you. 

Getting started

id-ed-login_dt
Image used with permission by copyright holder

To use OpenStreetMap, set up an account or log in using your OpenID, Google, Yahoo, or WordPress credentials. Once you’re logged in, it’s time to start editing. The previous map editing tool, Potlatch P2, is still active, but it’s not nearly as user friendly. Ensure you’re using the iD editor by clicking on the arrow next to “Edit” near the top of browser window and clicking on “Edit with iD.”

There are very few limits with iD and OpenStreetMap, but, much like Wikipedia, any changes you make will be visible to everyone once you click “Save.” In other words, don’t make alleys into streets named after yourself. Not only will it confuse people who use OpenStreetMap for navigation, but it also has the potential to turn your alley into a busy thoroughfare. If you make a mistake, there are handy undo and redo buttons along the top of the screen.

id-ed-undo-button_dt
Image used with permission by copyright holder

MapBox also tells us that there is a small team of editors who continuously review changes taking special note of new user signups, the number of changes, and other signs of errant edits or vandalism. The editors are able to easily revert the changes and will message and/or temporarily block a user if necessary. 

Map it up!

There are three basic building blocks available: mark a point of interest, draw a line, or define an area. What’s the difference between an area such as a building and a point of interest at the address? If the building only houses one thing, like a church, school, or house, then you’ll want to add the relevant information for the building. If it’s a building such a strip mall that has several businesses but is one continuous edifice, make each store a point of interest and add the information for that point.

Marking a point of interest is one of the most common scenarios. For example, while the name of a business might be listed, it’s likely that much of the information for the business is missing. Clicking on the point will allow you to add information such as the full address, website, phone number, and more. It’s also possible to label what type of business it is. The iD editor gives you a few basic options, but entering the type in the search box in the right column above the business details will bring up more business types. To change the type of business or building, simply click on the arrow to the left of the feature type.

poi-id-editor_dt
Image used with permission by copyright holder

The next creation option is drawing a line. Sounds pretty easy, right? This kind of line is created using pivot points to indicate where a road, pedestrian path, canal, or highway is located. Because much of an area’s topography is already included thanks to satellite images that OpenStreetMap has already added, most major roads, highways, and rivers are in place. However, there are plenty of opportunities to edit newer streets such as those in sub-divisions and streets that dead-end at a set of train tracks, only to reappear a block later. When creating lines, remember to bring the line all the way to an intersection with another line so that the map remains accurate when giving directions.

To edit roads or create a new one, click on “Line.” As you move the cursor around the map, you’ll notice nodes appear at intersections or wherever a road isn’t perfectly straight. Click on a node to begin drawing a new line or click and hold to move the current line. Double click on the last node in your line when you want to end it. It took us a few minutes to get the hang of creating the nodes and drawing non-straight lines. It’s very similar to tracing along the outside of an image that you wish to cut from a picture in Photoshop or other photo editors. Once you’ve created the path, iD will prompt you to enter information about it just like it did with editing a point of interest. 

id-ed-draw-line3_dt
Image used with permission by copyright holder

The final building block in iD and OpenStreetMap is creating or editing an area, which is, logically enough, done by clicking on “Area.” Areas include elements such as buildings, houses, parks, lakes, or even zoos. The node moving method used with drawing roads is again used with areas to create the most accurate depiction of a location. Sometimes it’s an edit as minimal as clicking on an outline to include a front porch, or it can involve rotating a building to more accurately reflect its position in a parking lot. 

Because the satellite images that form the background of iD aren’t perfect, it’s possible to add an area that’s been looked over. Use the cursor to drop the first node at a corner of a location and outline the location with additional nodes as needed. When it’s complete, click on the first node again to release the cursor. After that, add information as necessary to the new spot you created. 

id-ed-area-edit_dt
Image used with permission by copyright holder

Conclusion

We had a lot of fun using iD to edit OpenStreetMap. Adding information about restaurants and businesses in our area is strangely addicting, and we found ourselves frequently humming “People in your Neighborhood.” It’s incredible to see a map change before your eyes and to realize that anyone can be a part of it. With this user-friendly editor, the information contained in the map is only going to grow and could even out-Google Google at its own game – all due to people’s knowledge of the world around them.

Give the iD editor a spin and let us know what you think.

Meghan McDonough
Former Digital Trends Contributor
Meghan J. McDonough is a Chicago-based purveyor of consumer technology and music. She previously wrote for LAPTOP Magazine…
Best Adobe Photoshop deals: Get the photo-editing software for free
Close up of Adobe Photoshop app icon being chosen from among other Adobe apps on a laptop screen.

If you're in the creative field at all, then you probably know that Adobe Photoshop is the go-to app for pretty much any sort of graphical design and photo editing, whether at a professional or hobby level. Unfortunately, being at the top of the game means that Adobe can get very expensive, especially depending on the sort of suite of Adobe apps you're aiming for. Luckily, there are a couple of good discounts, especially if you're a student or teacher, and if not, well, there are some pretty great Photoshop alternatives out there if you don't want to pay Adobe's pricing. On the other hand, if you have to have Adobe Photoshop, then we've collected some deals and other bits of information below. You might also want to check out some of these great laptop deals and desktop deals if you're thinking of upgrading your PC to handle Photoshop and other Adobe apps more smoothly.
Adobe Photoshop free 7-day trial

If you've never used the tool before or you just need to do something quick and don't want permanent access, you can always utilize Adobe's free trial offer. You'll get access to Photoshop on desktop and iPad, including Adobe Express, and you can take advantage of free tutorials, fonts, templates, and much more. Plus, for the trial period you'll get up to 100GB of cloud storage. After the trial, it's $23 per month to retain access if you want it -- that's just Photoshop.

Read more
Best HP laptop deals: Get a 17-inch workhorse for $370 and more
An open HP Spectre x360 16 sits on a table, angled so that the screen and keyboard can be seen.

HP is one of the best laptop brands on the market, and if you're thinking of picking up a new laptop, then you may want to consider one of its many varieties of laptops. Not only that, but HP usually has some form of deal going on each of its sub-brans, so whether you're looking for an HP Omen gaming laptop or a Spectre X360 2-in-1 convertible, you'll likely find a good deal on it. Of course, it can be hard to navigate the dozens of different types of laptops HP has, which is why we've gone out and collected some of our favorite deals to help save you the trouble. That said, if you can't find quite what you're looking for below, be sure to check out these other great laptop deals and gaming laptop deals as well.
HP Laptop 15z -- $250, was $500

If you need a budget laptop for basic tasks, you can't go wrong with the HP Laptop 15z. With its AMD Athlon Silver 7120U processor, AMD Radeon Graphics, and 8GB of RAM, it's going to be a dependable device for doing online research and working with productivity apps. The laptop features a 128GB SSD with Windows 11 Home pre-loaded, and a relatively large 15.6-inch HD screen for its low price.

Read more
Some Intel CPUs are about to take a big performance hit, report says
Intel's 14900K CPU socketed in a motherboard.

High-end Intel CPUs are about to lose some significant performance, according to a new report from BenchLife (via VideoCardz). The outlet claims Intel has sent guidance to motherboard partners to implement the Intel Default Settings on Z790 motherboards, following a wave of reports of instability on recent high-end Intel CPUs.

According to the report, these default settings will enforce a PL2 of 188 watts. Intel maintains power limits (PL) for its processors. PL1 is the base power, or the power that the processor can sustain for long periods of time. PL2 is the maximum boost power, which the processor can hit for brief spurts when under a heavy load.

Read more