Designing the Vintage style in Mapbox Studio

Mapbox
maps for developers
3 min readDec 14, 2015

By Amy Lee Walton

Mapbox Map of -123.276097,48.630543

What makes a vintage map look “vintage”? Printing imperfections, discolored paper, and antiquated label names all play a part. Achieving this old-timey aesthetic on a digital map was a fun challenge to take on with Mapbox Studio.

Here are a few tips for adding character to your thematic maps in Mapbox Studio.

Creating a vintage texture

Vintage maps have texture that speaks to their age and use. Many vintage maps used an Intaglio printing process that rolls ink on a metal plate (copper or zinc) that’s been etched or engraved with the design. The repeated application and removal of ink leaves behind residue adding fragments of authenticity.

H.Moll

“A Map of Mexico or New Spain, Florida now called Louisiana”, 1708. Copper plate engraving by H.Moll.

To achieve this look, I created an SVG pattern to mimic this texture and imperfection. I used a varied dot pattern with seamless edges for tiling, and a transparent background to allow for layering.

Pattern texture for Mapbox Studio

My next task was finding a custom dataset to accentuate this texture.

Adding custom data

Many classic maps contain detailed styling on the oceans and bodies of water surrounding the continents. This styling shows bathymetry, the measurement of the depth of water in oceans, seas, or lakes. The same way that topographic maps represent three-dimensional features (or relief) of overland terrain, bathymetric maps illustrate the land that lies underwater.

Adding a bathymetry dataset to my style gave me more layers for texturing and made the map feel more antique.

Natural Earth is a great resource for data that is globally geo-referenced and contains physical and culture features. I downloaded the bathymetry dataset, which contained seven shapefiles of nested polygons for each depth based on imagery from SRTM (Shuttle Radar Topography Mission) Plus.

Printed map of bathymetry

“First printed map of oceanic bathymetry produced with data from USS Dolphin 1853.”

Layering in texture with custom data

The final map design contains about six stacked layers per bathymetric feature. In Mapbox Studio, I added my SVG pattern to each layer, altered the opacity, and added layers of soft brown (#CFB29C) in varying values of light and dark.

Designing layers with Mapbox Studio

Explore now

Explore the final Mapbox Vintage map!

View the map full screen

Learn more about how to style with Mapbox Studio:

Written by Mapbox

mapping tools for developers + precise location data to change the way we explore the world

Responses (4)

Write a response

Very cool! I am working on a family atlas, and would have been looking for a vintage look. Is there a way to import this style directly into the Mapbox on the web?
Thanks!

1

Hi! this was such a cool map. Wanted to use it for in an architecture brief I am working on. Would it be possible to bring it back online? the link seems to. have expired.

Thank you for sharing these skills. I made it according to what you said. I really like this retro effect, I hope you can also share it if there is a better way,thanks again.