https://github.com/faradayio/leaflet.canvasmask
Mask geojson stuff with canvas and stuff
https://github.com/faradayio/leaflet.canvasmask
Last synced: about 1 year ago
JSON representation
Mask geojson stuff with canvas and stuff
- Host: GitHub
- URL: https://github.com/faradayio/leaflet.canvasmask
- Owner: faradayio
- License: mit
- Created: 2014-12-18T18:35:55.000Z (over 11 years ago)
- Default Branch: gh-pages
- Last Pushed: 2015-03-30T17:14:20.000Z (about 11 years ago)
- Last Synced: 2025-02-27T05:09:19.092Z (over 1 year ago)
- Language: JavaScript
- Size: 230 KB
- Stars: 3
- Watchers: 10
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Leaflet.CanvasMask
==================
Mask geojson stuff with canvas and stuff
#Installation
```console
bower install leaflet-canvasmask
```
#Usage
```javascript
var bigRectangle = {"type":"FeatureCollection","features":[{"type":"Feature","properties":{},"geometry":{"type":"Polygon","coordinates":[[[-116,34],[-116,43],[-81,43],[-81,34],[-116,34]]]}}]};
L.tileLayer.canvasMask({
maskColor: 'rgba(0, 0, 0, 0.8)',
maskData: bigRectangle
}).addTo(map);
```
```javascript
var bigRectangle = {"type":"FeatureCollection","features":[{"type":"Feature","properties":{},"geometry":{"type":"Polygon","coordinates":[[[-116,34],[-116,43],[-81,43],[-81,34],[-116,34]]]}}]};
var maskLayer = L.tileLayer.canvasMask({
maskColor: 'rgba(0, 0, 0, 0.8)',
maskData: bigRectangle
});
maskLayer.addTo(map);
setTimeout(function(){
maskLayer.setColor('#f00');
maskLayer.setData(somethingElse);
}, 1000);
```