| DOM | WebGL |
|---|---|
| Pan: | drag, arrow keys |
| Zoom: | double-click, Shift+double-click, mouse wheel, +/- keys; Shift+drag |
| Rotate: | Alt+drag, r to reset |
| Brightness/contrast: | b/B/c/C keys (WebGL only) |
| Hue/saturation: | h/H/s/S keys (WebGL only) |
| Opacity: | o/O keys |
| Visibility: | v/V keys |
| Reset | 0 key |
Notes: The two maps share the same center, resolution, rotation and layers.
See the side-by-side.js source to see how this is done.