diff --git a/demos/side-by-side/index.html.in b/demos/side-by-side/index.html.in
index 3abd7841ff..179592c67f 100644
--- a/demos/side-by-side/index.html.in
+++ b/demos/side-by-side/index.html.in
@@ -38,7 +38,7 @@
             </tr>
             <tr>
                 <td>Rotate:</td>
-                <td><code>Alt</code>+drag (WebGL only)</td>
+                <td><code>Alt</code>+drag, <code>r</code> to reset (WebGL only)</td>
             </tr>
             <tr>
                 <td>Brightness/contrast:</td>
diff --git a/demos/side-by-side/side-by-side.js b/demos/side-by-side/side-by-side.js
index 67b72bc41a..2fcfb7e40c 100644
--- a/demos/side-by-side/side-by-side.js
+++ b/demos/side-by-side/side-by-side.js
@@ -65,6 +65,9 @@ keyboardControl.addCallback('o', function() {
 keyboardControl.addCallback('O', function() {
   layer.setOpacity(layer.getOpacity() + 0.1);
 });
+keyboardControl.addCallback('r', function() {
+  webglMap.setRotation(0);
+});
 keyboardControl.addCallback('s', function() {
   layer.setSaturation(layer.getSaturation() - 0.1);
 });