Articles
This Instagram for Maps Will Make a Cartographer Out of You Yet
Good-looking maps used to be the domain of experts. That’s been changing quite a bit in the last few years, and it’s easier than ever now for...
06.22.13
Good-looking maps used to be the domain of experts. That’s been changing quite a bit in the last few years, and it’s easier than ever now for developers to access mapping data (the recent State of the Map US conference was a great place to hear about this). Never content to leave well enough alone, we thought we’d kick this sideways a bit and make it easy for the rest of us to make some great stuff.
<p> We call it <a href="http://mapstack.stamen.com/" rel="nofollow" target="_blank">Map Stack</a>. It's a bit like <a href="http://www.theatlantic.com/technology/archive/2013/06/stamen-design-reveals-an-instagram-for-maps/276713/" rel="nofollow" target="_blank">Instagram for maps</a>.</p><p> The <a href="http://maps.stamen.com/" rel="nofollow" target="_blank">maps.stamen.com</a> project was designed to let people easily use <a href="http://openstreetmap.org/" rel="nofollow" target="_blank">Open Street Map</a> data in their own applications, and to provide well-designed map styles that would raise the bar for what people expect from open data. We're taking this a step further now, with <a href="http://mapstack.stamen.com/" rel="nofollow" target="_blank">http://mapstack.stamen.com/</a>. Map Stack is about putting your creativity on the map, making it radically simpler to design your own map styles, without having to know any code, sign up for anything, install any software, or do any typing. We provide different parts of the map stack: backgrounds, roads, labels, and satellite imagery and straightforward controls for manipulating things like color, opacity, and masking.</p><p class="shortcode-media shortcode-media-rebelmouse-image">
<img class="rm-shortcode" data-rm-shortcode-id="c87062efd0b308ba2cc66f97900c1bc3" data-rm-shortcode-name="rebelmouse-image" id="8fd84" type="lazy-image" data-runner-src="https://assets.rebelmouse.io/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpbWFnZSI6Imh0dHBzOi8vYXNzZXRzLnJibC5tcy8xOTgyMTU2Ny9vcmlnaW4ucG5nIiwiZXhwaXJlc19hdCI6MTYzODAwMTMyOH0.xP0lxzOuFC4QBME4Y2FPkCUbWjhyZCVz53sJA9n5Pm0/img.png?width=980"/>
<small class="image-media media-caption" placeholder="add caption..."></small>
<small class="image-media media-photo-credit" placeholder="add photo credit..."></small>
</p><p> You don't need to sign up for anything, know how to code, or know much about cartography to make great looking maps. You just need to decide where in the world you want to go, a web browser, and about five minutes. So now you can make all kinds of cool maps—say, this <a href="http://tinyurl.com/jwtqptw" rel="nofollow" target="_blank">map of the Pentagon</a> (which appears aglow with all the PRISM data flowing through it)—in no time: </p><p class="shortcode-media shortcode-media-rebelmouse-image">
<img class="rm-shortcode" data-rm-shortcode-id="2bb8ede54b1f7f165d71c70674a1b003" data-rm-shortcode-name="rebelmouse-image" id="3e861" type="lazy-image" data-runner-src="https://assets.rebelmouse.io/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpbWFnZSI6Imh0dHBzOi8vYXNzZXRzLnJibC5tcy8xOTkxNjQ2Ni9vcmlnaW4ucG5nIiwiZXhwaXJlc19hdCI6MTY1MzAwNDgwMn0.IrsAX_LbE9fBXPL6-TK47O8j4eiTGAAolja-bkrC14Q/img.png?width=980"/>
<small class="image-media media-caption" placeholder="add caption..."></small>
<small class="image-media media-photo-credit" placeholder="add photo credit..."></small>
</p><p> We’d originally talked about calling the project the “map sandwich,” since it’s all about the stacking of layers of maps. You know, like a sandwich! The first WhereCamp DC used a <a href="http://www.mapbox.com/blog/first-ever-wherecampdc-kicks-tomorrow/" rel="nofollow" target="_blank">sandwich as its logo</a> and the idea stuck. From there we went to “delicatessen,” 'cause that's where you go to have your sandwiches made. (We went through lots of names - “mappuccino kundalini” was a favorite for a while.)</p><p> The deli name went away but the idea of a neighborhood, brick-and-mortar shop with regular hours stayed. We’ve decided, for the sake of Seth’s sanity, that Map Stack will be open for business Monday to Friday, from 11 a.m. to 5 p.m. PST until we can sort out what kind of infrastructure the project will need given the level of interest we’re seeing. You can tweet us during those hours with questions or give us a shout out to show off your smorgastrata at: <a href="http://twitter.com/mapstackStamen" rel="nofollow" target="_blank">http://twitter.com/mapstackStamen</a>.</p><p> In its first day, viewers to the site generated about 10GB of map tiles—there are 10GB of new maps in the world! Which is great, but that’s a lot of tiles. We’re not getting paid for this—yet—and part of the project is figuring out what the business model might be.</p><p> A few initial ideas: we might offer the map backgrounds as a hosted service, we might sell prints (like we do via <a href="http://softcities.net/" rel="nofollow" target="_blank">Soft Cities</a>, 20x200 (sadly down but apparently coming back soon), and as of today, <a href="https://twitter.com/DODOsays/status/344818064208056321" rel="nofollow" target="_blank">DODOcase</a>), we might integrate it with Pinterest or Twitter or Facebook better (there’s a <a href="https://twitter.com/mappingmashups/status/344582848310829056" rel="nofollow" target="_blank">conversation about this very thing</a> happening on Twitter right now)—we’re not sure. One thing we do know is that the best way to find this information out is to release projects into the wild, so!</p><p> Here are some examples, a short menu of maps that we and others have worked up to get you started. You can also view a gallery of images that people are creating <a href="http://maps.stamen.com/m2i/results" rel="nofollow" target="_blank">here</a>. Enjoy!</p><p class="shortcode-media shortcode-media-rebelmouse-image">
<img class="rm-shortcode" data-rm-shortcode-id="ad10fa41f6064eb7643b9479d9e02d91" data-rm-shortcode-name="rebelmouse-image" id="082fd" type="lazy-image" data-runner-src="https://assets.rebelmouse.io/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpbWFnZSI6Imh0dHBzOi8vYXNzZXRzLnJibC5tcy8xOTkxNjQ2Ny9vcmlnaW4ucG5nIiwiZXhwaXJlc19hdCI6MTY1MTQxNDg5M30.45kuZ-XhDJDs-dYh7DP_7g1g59Z6xkAJtm2TysGaG1U/img.png?width=980"/>
<small class="image-media media-caption" placeholder="add caption..."></small>
<small class="image-media media-photo-credit" placeholder="add photo credit..."></small>
</p><p class="shortcode-media shortcode-media-rebelmouse-image">
<img class="rm-shortcode" data-rm-shortcode-id="41fa3d7c099038cdde9fbf716845f9c4" data-rm-shortcode-name="rebelmouse-image" id="67e5c" type="lazy-image" data-runner-src="https://assets.rebelmouse.io/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpbWFnZSI6Imh0dHBzOi8vYXNzZXRzLnJibC5tcy8xOTkxNjQ2OC9vcmlnaW4ucG5nIiwiZXhwaXJlc19hdCI6MTYyMzI3NjMxNn0.IHXWeAPUDrYRBAb_0mwgXagEHs6H89libS8rLcS4FdM/img.png?width=980"/>
<small class="image-media media-caption" placeholder="add caption..."></small>
<small class="image-media media-photo-credit" placeholder="add photo credit..."></small>
</p><p class="shortcode-media shortcode-media-rebelmouse-image">
<img class="rm-shortcode" data-rm-shortcode-id="bf08bcb6d571e30853024c3de61d1158" data-rm-shortcode-name="rebelmouse-image" id="30821" type="lazy-image" data-runner-src="https://assets.rebelmouse.io/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpbWFnZSI6Imh0dHBzOi8vYXNzZXRzLnJibC5tcy8xOTkxNjQ2OS9vcmlnaW4ucG5nIiwiZXhwaXJlc19hdCI6MTYxNDM4MTE3MX0.0TGH51jPbQurciG3wSze-PVrtkcA5RuaJHzTTmXxkhU/img.png?width=980"/>
<small class="image-media media-caption" placeholder="add caption..."></small>
<small class="image-media media-photo-credit" placeholder="add photo credit..."></small>
</p><p class="shortcode-media shortcode-media-rebelmouse-image">
<img class="rm-shortcode" data-rm-shortcode-id="ec8eb69f08c3bb6221cf052e9bb57b87" data-rm-shortcode-name="rebelmouse-image" id="2ebc6" type="lazy-image" data-runner-src="https://assets.rebelmouse.io/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpbWFnZSI6Imh0dHBzOi8vYXNzZXRzLnJibC5tcy8xOTkxNjQ3MC9vcmlnaW4ucG5nIiwiZXhwaXJlc19hdCI6MTYxNTg3NTE3NX0.T0lRMmzGWwnftw9D5hFbLXsx39kIWCZ1hDBPZKOULsQ/img.png?width=980"/>
<small class="image-media media-caption" placeholder="add caption..."></small>
<small class="image-media media-photo-credit" placeholder="add photo credit..."></small>
</p><p> <em>Images courtesy of <a href="http://stamen.com" rel="nofollow" target="_blank">Stamen Design</a>. This post was cross-posted from Stamen. </em></p><p> <em>Try making your own map—click <a href="http://www.good.is/posts/create-a-map-of-your-neighborhood" rel="nofollow" target="_blank">here</a> to say you'll do it. </em></p><p> <a href="http://good.is/design" rel="nofollow" target="_blank"></a></p><p class="shortcode-media shortcode-media-rebelmouse-image"><a href="http://good.is/design" rel="nofollow" target="_blank">
<img class="rm-shortcode" data-rm-shortcode-id="1f69e0d26307ae763b25a834c0e67aff" data-rm-shortcode-name="rebelmouse-image" id="818e0" type="lazy-image" data-runner-src="https://assets.rebelmouse.io/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpbWFnZSI6Imh0dHBzOi8vYXNzZXRzLnJibC5tcy8xOTgyMTU2OC9vcmlnaW4ucG5nIiwiZXhwaXJlc19hdCI6MTY3MTQ5MTI2NX0.TQ1Tok88n3Y48hCpdHLzsZ4PlBxjSQVWsvd4PxGjK7A/img.png?width=980"/>
<small class="image-media media-caption" placeholder="add caption..."></small>
<small class="image-media media-photo-credit" placeholder="add photo credit..."></small>
</a></p><p></p><br/> <br/>
Keep Reading
Show less