New 3D Altitude Profiles

Mapbox has created a actually cracking cycle road planning map for Washington DC which besides provides a 3d dimensional tiptop profile of the route.

Capital Bikeshare allows you lot to drib ii markers on a map to laid upwards your starting signal in addition to destination. It therefore plant out a cycling road betwixt the closest Capital Bikeshare goal to your starting signal in addition to the closest station to your destination.

The magic actually happens withal when you lot click on the 'elevation profile' button. If you lot opened upwards the map inward a WebGL enabled browser the map volition contestation to an oblique persuasion in addition to a 3d tiptop profile volition hold upwards drawn on hand of the entire route.

If you lot right-click on the map you lot tin rotate the map persuasion in addition to the 3d tiptop profile magically rotates amongst map.

The map was created amongst Mapbox GL. The map degrades good if you lot persuasion it on a non-WebGL enabled browser exactly you lot actually don't teach the amount 3d effect.

Turf.js was used to ability the nearest bike station search.