William B Davis
About this episode
Two awesome guest devs will share a look "under-the-hood" of recent projects built with Mapbox. William B Davis is an information designer based in Toronto and co-founder of mapto.ca, and Jonathan Critchley is a software developer based in Halifax, Nova Scotia, with a background in Urban Planning and GIS. He currently works for RATIO.CITY.
William B. Davis | @willy_maps
William is an information designer based in Toronto and co-founder of mapto.ca. He has a background in GIS and journalism and is currently working at Sun Life Financial.
Jonathan Critchley | @Afrikanadese
Jonathan is a software developer based in Halifax, Nova Scotia, with a background in Urban Planning and GIS. He currently works for RATIO.CITY, a Toronto based technology company that helps city builders make data-driven decisions for land acquisition using maps to source, analyze and validate sites.
You'll learn to...
- Use Turf.js to drive animation:
- Use QueryRenderedFeatures to create dynamic legends:
Code-along and other links
Mapbox: ^ queryRenderedFeatures
jtbakr: Similar implementation using .queryRenderedFeatures() API:
jtbakr: One thing that I've found to be helpful when using animations is to use the relatively new `requestAnimationFrame` API recursively instead of setInterval/setTimeout. This is supposed to help out with flickering refreshes/rerendering.
How would you handle animating thousands of paths on a map, e.g. cars that travel at different speeds?
I've played around with animating lots of lines using it before. It definitely could solve your problem:
Is there a map you really wish you could make?
Toronto building ages! The data is not available due to the structure of past agreements with the city.
DomBrassey: Check out Portland: Age of a City: