Skip to content

anvaka/peak-map

Folders and files

NameName
Last commit message
Last commit date

Latest commit

8db5902 · Feb 8, 2025

History

56 Commits
Jan 8, 2020
Dec 18, 2019
Dec 18, 2019
Dec 21, 2019
May 11, 2023
Dec 18, 2019
Dec 18, 2019
Dec 18, 2019
Dec 18, 2019
Dec 18, 2019
Feb 8, 2025
Jan 8, 2020
May 10, 2023
May 11, 2023
Aug 4, 2024
Feb 2, 2020

Repository files navigation

Peak map

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

quick demo

How?

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.

Bonus

You can print the final map onto a mug if you like the result:

demo

To do this, draw the heightmap, close the settings window, and click on the small fly-out menu.

See the video demo here: https://twitter.com/anvaka/status/1207352229885181952