Side-by-side example

The three maps, one WebGL, one Canvas, one DOM, share the same center, resolution, rotation and layers.

See the side-by-side.js source to see how this is done.

side-by-side, canvas, webgl, dom, canvas, sync, object

Pan: drag, arrow keys
Zoom: double-click, Shift+double-click, mouse wheel, +/- keys; Shift+drag
Opacity: o/O keys
Visibility: v/V keys
Reset: 0 key