Examples
- Satellite — Example display of satellite imagery in Leaftlet.
- Favorites — Example usage of Leaflet to create an interface for favorite locations.
Concepts
- Tiles — Global map servers typically break down world maps into 256x256 pixels images at 18 zoom levels.
- Keying — Make white pixels transparent in an
image using CSS and SVG. This can be
termed “white keying” and is analogous to green screening (which
related to what is called <a target=”_blank” href=”“https://en.wikipedia.org/wiki/Chroma_key>chroma key</a> or color keying
in video editing software. Also can be termed an alpha mask.
Chroma keying cannot be done in CSS or SVG filters, but white keying is a special
case that can; otherwise, the
<canvas> element is needed for true chroma keying.