Use the amazing D3 library to animate a path on a Leaflet map

Voici un tuto sympa pour faire des maps animées avec leaflet (la lib JS que l’on a retenu pour remplacer mapstraction) + D3.JS :

Viewing location data that varies through time on a static map is fun, but viewing it on an animated map is a lot more fun. Recently, online map lovers were excited by Chris Whong’s Day in the Life of a NYC Taxi map in which he used D3 to animate taxi paths on a Leaflet map. Fortunately for developers, Chris was generous with his time and code. He described the approach he used in a two-part techblog. Using code snippets from Chris, Mike Bostock (D3′s creator), d3noob as well as others, we break down the process of creating an animated path in Leaflet with D3.

http://zevross.com/blog/2014/09/30/use-the-amazing-d3-library-to-animate-a-path-on-a-leaflet-map/

Démo : http://nyctaxi.herokuapp.com/

 

 

Vous aimerez aussi...

1 réponse

  1. Sylvain dit :

    Ah sympa ça, on peut faire des trucs cool du coup

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *