Thursday, April 16, 2020

The Amazing Self-Drawing Map


Sketch Map is a clever interactive map which uses D3.js in addition to Walkway.js to sketch a route map ane niggling chip at a time. Zoom inwards in addition to out on the map or pan roughly in addition to you lot tin detect how the roads in addition to transit lines are sketched out inwards real-time.

When I start saw the map inwards activity my initial thoughts were '... this is real clever. Not real useful ... exactly real clever'.  However, thinking almost this a niggling more, I tin run into some possible uses for this. You could perchance role the animated drawing component to animate the drawing of a route on peak of a map.

You could besides role this technique to add together unlike layers to a map. For example, you lot could hand users the alternative to add together edifice footprints to a basic route map. When this alternative is selected you lot could therefore sketch the footprints onto the map using the sketchcart technique.

If you lot desire to accept a play roughly alongside this yourself the code for Sketchcart is available nether an MIT license on Github.

No comments:

Post a Comment