Skip to content

CartoDB/Leaflet.CanvasLayer

gh-pages
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 

Intro

Leaflet.CanvasLayer is a full map canvas layer that allows you to render stuff on top of a map with HTML5 canvas element. Leaflet provides a tiled canvas layer which provides one canvas per tile to render. Some things require a single canvas to render them properly.

see a running example: http://cartodb.github.io/Leaflet.CanvasLayer/example.html

how to use

just subclass it and override render method

var MyLayer = L.CanvasLayer.extend({
    render: function() {
        var canvas = this.getCanvas();
        var ctx = canvas.getContext('2d');
        // render
    }
});


// create and add to the map
var layer = new MyLayer();
layer.addTo(map);

if you are creating an animation just use redraw method to schedule a canvas refresh

example

license

MIT