diff --git a/examples/box-selection.js b/examples/box-selection.js
index a01702a5ed..ec78262945 100644
--- a/examples/box-selection.js
+++ b/examples/box-selection.js
@@ -25,7 +25,6 @@ var map = new ol.Map({
       source: vectorSource
     })
   ],
-  renderer: 'canvas',
   target: 'map',
   view: new ol.View({
     center: [0, 0],
diff --git a/examples/cluster.js b/examples/cluster.js
index 99d0e028c4..a2d858bca4 100644
--- a/examples/cluster.js
+++ b/examples/cluster.js
@@ -69,7 +69,6 @@ var raster = new ol.layer.Tile({
 
 var map = new ol.Map({
   layers: [raster, clusters],
-  renderer: 'canvas',
   target: 'map',
   view: new ol.View({
     center: [0, 0],
diff --git a/examples/extent-interaction.js b/examples/extent-interaction.js
index 11d5918275..79a457e869 100644
--- a/examples/extent-interaction.js
+++ b/examples/extent-interaction.js
@@ -22,7 +22,6 @@ var map = new ol.Map({
       source: vectorSource
     })
   ],
-  renderer: 'canvas',
   target: 'map',
   view: new ol.View({
     center: [0, 0],
diff --git a/examples/graticule.js b/examples/graticule.js
index dce26d9f2f..468938ce61 100644
--- a/examples/graticule.js
+++ b/examples/graticule.js
@@ -13,7 +13,6 @@ var map = new ol.Map({
       source: new ol.source.OSM()
     })
   ],
-  renderer: 'canvas',
   target: 'map',
   view: new ol.View({
     center: ol.proj.fromLonLat([4.8, 47.75]),
diff --git a/examples/icon-sprite-webgl.js b/examples/icon-sprite-webgl.js
index 85832c6af7..4eb89738d9 100644
--- a/examples/icon-sprite-webgl.js
+++ b/examples/icon-sprite-webgl.js
@@ -79,7 +79,7 @@ var vector = new ol.layer.Vector({
 });
 
 var map = new ol.Map({
-  renderer: 'webgl',
+  renderer: /** @type {ol.renderer.Type} */ ('webgl'),
   layers: [vector],
   target: document.getElementById('map'),
   view: new ol.View({
diff --git a/examples/layer-clipping-webgl.js b/examples/layer-clipping-webgl.js
index 602678236d..0a16b56205 100644
--- a/examples/layer-clipping-webgl.js
+++ b/examples/layer-clipping-webgl.js
@@ -19,7 +19,7 @@ if (!ol.has.WEBGL) {
 
   var map = new ol.Map({
     layers: [osm],
-    renderer: 'webgl',
+    renderer: /** @type {ol.renderer.Type} */ ('webgl'),
     target: 'map',
     controls: ol.control.defaults({
       attributionOptions: /** @type {olx.control.AttributionOptions} */ ({
diff --git a/examples/side-by-side.js b/examples/side-by-side.js
index 43a03a3d4c..e62aba39a7 100644
--- a/examples/side-by-side.js
+++ b/examples/side-by-side.js
@@ -22,7 +22,7 @@ var map1 = new ol.Map({
 if (ol.has.WEBGL) {
   var map2 = new ol.Map({
     target: 'webglMap',
-    renderer: 'webgl',
+    renderer: /** @type {ol.renderer.Type} */ ('webgl'),
     layers: [layer],
     view: view
   });
diff --git a/examples/sphere-mollweide.js b/examples/sphere-mollweide.js
index 0039afcbce..42192f6172 100644
--- a/examples/sphere-mollweide.js
+++ b/examples/sphere-mollweide.js
@@ -29,7 +29,6 @@ var map = new ol.Map({
       })
     })
   ],
-  renderer: 'canvas',
   target: 'map',
   view: new ol.View({
     center: [0, 0],
diff --git a/examples/symbol-atlas-webgl.js b/examples/symbol-atlas-webgl.js
index 972a67abc5..672a371020 100644
--- a/examples/symbol-atlas-webgl.js
+++ b/examples/symbol-atlas-webgl.js
@@ -107,7 +107,7 @@ var vector = new ol.layer.Vector({
 });
 
 var map = new ol.Map({
-  renderer: 'webgl',
+  renderer: /** @type {ol.renderer.Type} */ ('webgl'),
   layers: [vector],
   target: document.getElementById('map'),
   view: new ol.View({
diff --git a/examples/tissot.js b/examples/tissot.js
index 3aee7ce8dd..6fb758fb30 100644
--- a/examples/tissot.js
+++ b/examples/tissot.js
@@ -28,7 +28,6 @@ var map4326 = new ol.Map({
     }),
     vectorLayer4326
   ],
-  renderer: 'canvas',
   target: 'map4326',
   view: new ol.View({
     projection: 'EPSG:4326',
@@ -49,7 +48,6 @@ var map3857 = new ol.Map({
     }),
     vectorLayer3857
   ],
-  renderer: 'canvas',
   target: 'map3857',
   view: new ol.View({
     center: [0, 0],
diff --git a/externs/olx.js b/externs/olx.js
index d27a5191e2..84d533739d 100644
--- a/externs/olx.js
+++ b/externs/olx.js
@@ -171,7 +171,7 @@ olx.interaction.InteractionOptions.prototype.handleEvent;
  *     loadTilesWhileInteracting: (boolean|undefined),
  *     logo: (boolean|string|olx.LogoOptions|Element|undefined),
  *     overlays: (ol.Collection.<ol.Overlay>|Array.<ol.Overlay>|undefined),
- *     renderer: (ol.renderer.Type|Array.<ol.renderer.Type|string>|string|undefined),
+ *     renderer: (ol.renderer.Type|Array.<ol.renderer.Type>|undefined),
  *     target: (Element|string|undefined),
  *     view: (ol.View|undefined)}}
  */
@@ -277,7 +277,7 @@ olx.MapOptions.prototype.overlays;
  * {@link ol.renderer.Type} here to use a specific renderer.
  * Note that the Canvas renderer fully supports vector data, but WebGL can only
  * render Point geometries.
- * @type {ol.renderer.Type|Array.<ol.renderer.Type|string>|string|undefined}
+ * @type {ol.renderer.Type|Array.<ol.renderer.Type>|undefined}
  * @api stable
  */
 olx.MapOptions.prototype.renderer;