Peak Map

Peak Map allows you to visualize elevation of any area on the map with filled area charts (also known as a ridgeline)

Think of Joy Division’s famous “Unknown Pleasures” album cover, but then as a map of the world.

What surprised me is that here’s no set of pre-generated custom map tiles, but they are instead generated on the fly

I’m using MapBox GL to draw the map. Once the area is selected, I’m using elevation data API from the MapBox.

The rendering of the lines is done on canvas overlay, using regular 2D canvas context.

Peak Map →
Peak Map Source (GitHub) →

Via Kottke

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.