Stamen reveals a radical, beautiful new tool.

The last few years have seen an explosion in photo editing. In a pre-digital era, changing the tone and feel of your photographs was for professionals. Photoshop made it easy, and Instagram brought those capabilities to the mainstream, for free.

When it comes to another kind of visual -- geographic data represented as maps -- there hasn't been a tool of similar power and simplicity. It has not been easy to make maps look cool.

Enter Stamen Design, perhaps the leading creator of cool-looking maps. And they've built a new tool they call MapStack to bring their methods to the masses. Building on OpenStreetMap, Stamen had already put out maps.stamen.com, which allowed people to create three types of interesting maps. But MapStack takes that idea to the next level. You can create beautiful, custom maps within minutes, drawing on Stamen's design expertise. 

"The idea is to make it radically simpler for people to design their own map styles, without having to know any code, install any software, or do any typing. We provide different parts of the map stack, like backgrounds, roads, labels, and satellite imagery, and straightforward controls for manipulating things like color, opacity, and masking," Stamen's CEO Eric Rodenbeck tells me in an email. "So within five minutes you can have, say, a map of anywhere in the world with purple satellite buildings and orange roads, if that's your fancy."

I tested out the proposition that one could make a map "with purple satellite buildings and orange roads" in five minutes. I think the San Francisco map below took me three. It's a simple two layer map. On the bottom is a base layer of downtownish San Francisco in a Stamen-designed style called "Toner." (I also inverted its colors; normally it's black on white as in the top image.) Then, on top of it, I added a layer that's just the buildings and made them purple through the slider interface. I hit export and got a 1920x1020 image out. Voila. Below, you can see the two pieces of the map, as well as the finished product at the bottom.

makingofamap.jpg

It's not quite Instagram simple, but if you understand the basic principles of how layers work in Photoshop, you will be able to make beautiful maps.

"Basically we can do alot of the things that Photoshop and Instagram do with static images and let people do these to maps," Rodenbeck writes, "and [we] think those applications are good metaphors to apply to maps to push the field forward. We think there are some interesting possibilities for letting regular people and designers, not just developers, make the kinds of design decisions that are usually done by cartographers and programmers."

Rodenbeck will be talking about MapStack publicly for the first time today at an Open Street Map conference in San Francisco. Going forward, Stamen plays to launch more map layers, allowing you to single out more specific types of geodata (like the buildings above).

Top image: Oakland and its parks. This post originally appeared on The Atlantic.

About the Author

Most Popular

  1. A photo of a closed street in St. Louis
    Equity

    The Curious Tale of the St. Louis Street Barriers

    Thanks to an '80s mania for traffic calming, the St. Louis grid is broken by hundreds of bollards and cul-de-sacs. Critics say it’s time to get rid of them.

  2. Design

    A New Plan to Correct a Historic Mistake in Pittsburgh

    A Bjarke Ingels Group-led plan from 2015 has given way to a more “practical” design for the Lower Hill District. Concerns over true affordable housing remain.

  3. A crowded room of residents attend a local public forum in Chapel Hill, North Carolina.
    Life

    Are Local Politics As Polarized As National? Depends on the Issue.

    Republican or Democrat, even if we battle over national concerns, research finds that in local politics, it seems we can all just get along—most of the time.

  4. A women-only subway car in Mexico City, Mexico
    Equity

    What’s the Best Way to Curb NYC Subway Harassment?

    While other countries have turned to women-only cars, New York legislators are proposing to ban repeat sex offenders and increase penalties for subway grinders.

  5. Students at Eagle Rock High School in Northeast Los Angeles take part in the walkout for gun control
    Equity

    Walkout: In 1968, East L.A. Students Led a Movement

    Fifty years ago, 17-year-old Paula Crisostomo helped organize a multi-school walkout that galvanized the Mexican-American community in Los Angeles.