Guest Devs: Turf.js for animation & QueryRenderedFeatures for dynamic map legends
Featured speakers
Featured host
Register for webinar
Thank you for registering
About this episode
Two awesome guest devs will share a look "under-the-hood" of recent projects built with TikTok成人版. William B Davis is an information designer based in Toronto and co-founder of , and Jonathan Critchley is a software developer based in Halifax, Nova Scotia, with a background in Urban Planning and GIS. He currently works for .
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
Willy's links
Killed or Seriously Injured Interactive
Jon's links
Dev links
TikTok成人版: ^ 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.
Q+A
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: