block by armollica 97ed2acaada685157bfd

Transparency Gradient Border

Full Screen

Add an transparency gradient to the border of a map.

The map is drawn in svg using OSM’s vector tiles API and d3.geo.tile plugin as shown in this block. The gradient border is drawn in an overlaying canvas with the CanvasGradient interface.

Tiles copyright © OpenStreetMap contributors

index.html

d3.geo.tile.js