the beauty of mapping


Kode Iklan Disini

Saturday, August 29, 2009

Canvas Masking Inwards Leaflet


Democracy Street is a actually interesting map which reveals the etymology of U.K. streets that convey been named later on U.K. politicians. One clever blueprint characteristic of the map is the piece of occupation of a masking termination to highlight interactive areas on the map.

All of the featured roads & streets on the map are colored yellow. However the xanthous roads on the map don't demo upwards as well as thence good when the map is zoomed out. To overcome this Democracy Street has used the leaflet.maskcanvas plug-in to highlight the areas exactly about each featured road, ensuring that the interactive roads & streets tin last easily spotted, fifty-fifty when zoomed out on the map.

The leaflet.maskcanvas plug-in is designed to demo large data-sets on a Leaflet map. The plug-in effectively masks areas on the map except for the information points which y'all convey added to the map. The leaflet.maskcanvas plug-in on Github includes an illustration map which uses the masking termination to demo the radius exactly about Berlin stations. The demo allows y'all to conform the radius of the mask yesteryear whatsoever unwrap of meters.


You tin exercise a like termination on Google Maps yesteryear using Vasile Cotovanu's polygon masking library. Geomask allows y'all to only depict exactly about an expanse on Google Maps as well as generate whatsoever shaped polygon to exercise a slap-up masking effect. You aren't restricted to i expanse as well as y'all tin highlight every bit many areas every bit y'all desire on the map.