![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3X6zavlJpWGBiS0FSWC9m2vnrGX3WvdK2NQVTXds7x4Cfh6WVVw-JcBDVhR0jBcTlEELYoc-f9EglpBAX5sBkl93O3zcCdrLMW8KABRdm0bvlnjvmb1jvMb9ZzKyH29o-AtfSAQ/s523/typhoon.gif)
You might have seen examples of rough.js floating around on social media this week. Rough.js is a new canvas based library for creating graphics which have a sketchy, hand-drawn appearance. The library's github page includes a neat d3.js demo map in which each of the states has been filled in with a different hand-drawn style.
Rough.js doesn't only work with static maps. Because the library is canvas based you can also overlay hand-drawn, sketch like polygons on top of an interactive map. At least you can if you use the new Leaflet.RoughCanvas plug-in for Leaflet maps. The plug-in allows you to add polylines and polygons to a Leaflet.js map which have a hand-drawn style.
Here's a demo map which I created using Leaflet.RoughCanvas with a Mapbox styled base-map.
No comments:
Post a Comment