diff --git a/examples/brightness-contrast.js b/examples/brightness-contrast.js
index 863d75792f..5911c2d5d1 100644
--- a/examples/brightness-contrast.js
+++ b/examples/brightness-contrast.js
@@ -1,6 +1,5 @@
 goog.require('ol.BrowserFeature');
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.source.MapQuest');
@@ -28,7 +27,7 @@ if (!ol.BrowserFeature.HAS_WEBGL) {
 
   var map = new ol.Map({
     layers: [layer],
-    renderer: ol.RendererHint.WEBGL,
+    renderer: 'webgl',
     target: 'map',
     view: new ol.View2D({
       center: [0, 0],
diff --git a/examples/drag-and-drop.js b/examples/drag-and-drop.js
index 5b123f0e82..4e39605838 100644
--- a/examples/drag-and-drop.js
+++ b/examples/drag-and-drop.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.format.GPX');
 goog.require('ol.format.GeoJSON');
@@ -104,7 +103,7 @@ var map = new ol.Map({
       })
     })
   ],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [0, 0],
diff --git a/examples/draw-features.js b/examples/draw-features.js
index b87eb6c7e0..19415de98f 100644
--- a/examples/draw-features.js
+++ b/examples/draw-features.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.interaction');
 goog.require('ol.interaction.Draw');
@@ -43,7 +42,7 @@ var vector = new ol.layer.Vector({
 
 var map = new ol.Map({
   layers: [raster, vector],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [-11000000, 4600000],
diff --git a/examples/dynamic-data.js b/examples/dynamic-data.js
index e6d9307e42..94e992f5f1 100644
--- a/examples/dynamic-data.js
+++ b/examples/dynamic-data.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.geom.MultiPoint');
 goog.require('ol.layer.Tile');
@@ -15,7 +14,7 @@ var map = new ol.Map({
       source: new ol.source.MapQuest({layer: 'sat'})
     })
   ],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [0, 0],
diff --git a/examples/epsg-4326.js b/examples/epsg-4326.js
index 2f3a4dca95..b8da7d2623 100644
--- a/examples/epsg-4326.js
+++ b/examples/epsg-4326.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.control');
 goog.require('ol.control.ScaleLine');
@@ -29,7 +28,7 @@ var map = new ol.Map({
   ]),
   layers: layers,
   // The OSgeo server does not set cross origin headers, so we cannot use WebGL
-  renderer: [ol.RendererHint.CANVAS, ol.RendererHint.DOM],
+  renderer: ['canvas', 'dom'],
   target: 'map',
   view: new ol.View2D({
     projection: 'EPSG:4326',
diff --git a/examples/export-map.js b/examples/export-map.js
index 21341fd7d6..4809de7440 100644
--- a/examples/export-map.js
+++ b/examples/export-map.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.source.OSM');
@@ -11,7 +10,7 @@ var map = new ol.Map({
       source: new ol.source.OSM()
     })
   ],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [0, 0],
diff --git a/examples/full-screen-drag-rotate-and-zoom.js b/examples/full-screen-drag-rotate-and-zoom.js
index c4f66b84d9..5d62cb4a65 100644
--- a/examples/full-screen-drag-rotate-and-zoom.js
+++ b/examples/full-screen-drag-rotate-and-zoom.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.control');
 goog.require('ol.control.FullScreen');
@@ -25,7 +24,7 @@ var map = new ol.Map({
     })
   ],
   // Use the canvas renderer because it's currently the fastest
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [-33519607, 5616436],
diff --git a/examples/geojson.js b/examples/geojson.js
index 13d7c0f70d..f8146d1000 100644
--- a/examples/geojson.js
+++ b/examples/geojson.js
@@ -1,6 +1,5 @@
 goog.require('ol.Feature');
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.geom.Circle');
 goog.require('ol.layer.Tile');
@@ -188,7 +187,7 @@ var map = new ol.Map({
     }),
     vectorLayer
   ],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [0, 0],
diff --git a/examples/getfeatureinfo.js b/examples/getfeatureinfo.js
index 56d9d004eb..3c7ca3e7d9 100644
--- a/examples/getfeatureinfo.js
+++ b/examples/getfeatureinfo.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.source.TileWMS');
@@ -24,7 +23,7 @@ var viewProjection = /** @type {ol.proj.Projection} */
 
 var map = new ol.Map({
   layers: [wmsLayer],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: view
 });
diff --git a/examples/google-map.js b/examples/google-map.js
index 643a97a57a..9b0c48c7ee 100644
--- a/examples/google-map.js
+++ b/examples/google-map.js
@@ -1,7 +1,6 @@
 // NOCOMPILE
 // This example uses the GMapx v3 API, which we do not have an exports file for.
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.interaction');
 goog.require('ol.interaction.DragPan');
@@ -56,7 +55,7 @@ google.maps.event.addListenerOnce(gmap, 'tilesloaded', function() {
     layers: [vector],
     interactions: ol.interaction.defaults({dragPan: false})
         .extend([new ol.interaction.DragPan({kinetic: false})]),
-    renderer: ol.RendererHint.CANVAS,
+    renderer: 'canvas',
     target: olmap,
     view: new ol.View2D({
       center: ol.proj.transform([center.lng(), center.lat()],
diff --git a/examples/gpx.js b/examples/gpx.js
index 5fe59d3ea0..438811d93c 100644
--- a/examples/gpx.js
+++ b/examples/gpx.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.layer.Vector');
@@ -56,7 +55,7 @@ var vector = new ol.layer.Vector({
 
 var map = new ol.Map({
   layers: [raster, vector],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: document.getElementById('map'),
   view: new ol.View2D({
     center: [-7916041.528716288, 5228379.045749711],
diff --git a/examples/hue-saturation.js b/examples/hue-saturation.js
index d80390bf70..254f85648c 100644
--- a/examples/hue-saturation.js
+++ b/examples/hue-saturation.js
@@ -1,6 +1,5 @@
 goog.require('ol.BrowserFeature');
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.proj');
@@ -32,7 +31,7 @@ if (!ol.BrowserFeature.HAS_WEBGL) {
 
   var map = new ol.Map({
     layers: [layer],
-    renderer: ol.RendererHint.WEBGL,
+    renderer: 'webgl',
     target: 'map',
     view: new ol.View2D({
       center: ol.proj.transform([-9.375, 51.483333], 'EPSG:4326', 'EPSG:3857'),
diff --git a/examples/icon.js b/examples/icon.js
index 7d1b3b4dfb..afe166d2ff 100644
--- a/examples/icon.js
+++ b/examples/icon.js
@@ -1,7 +1,6 @@
 goog.require('ol.Map');
 goog.require('ol.Overlay');
 goog.require('ol.OverlayPositioning');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.layer.Vector');
@@ -51,7 +50,7 @@ var vector = new ol.layer.Vector({
 
 var map = new ol.Map({
   layers: [raster, vector],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: document.getElementById('map'),
   view: new ol.View2D({
     center: [0, 0],
diff --git a/examples/igc.js b/examples/igc.js
index acac191263..7ab9d9fa49 100644
--- a/examples/igc.js
+++ b/examples/igc.js
@@ -1,6 +1,5 @@
 goog.require('ol.Attribution');
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.geom.LineString');
 goog.require('ol.geom.Point');
@@ -67,7 +66,7 @@ var map = new ol.Map({
       styleFunction: styleFunction
     })
   ],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [703365.7089403362, 5714629.865071137],
diff --git a/examples/image-vector-layer.js b/examples/image-vector-layer.js
index 58a835d953..bc38cedc5e 100644
--- a/examples/image-vector-layer.js
+++ b/examples/image-vector-layer.js
@@ -1,6 +1,5 @@
 goog.require('ol.FeatureOverlay');
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Image');
 goog.require('ol.layer.Tile');
@@ -39,7 +38,7 @@ var map = new ol.Map({
       })
     })
   ],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [0, 0],
diff --git a/examples/kml-earthquakes.js b/examples/kml-earthquakes.js
index 6d04409f42..d4edebcc3b 100644
--- a/examples/kml-earthquakes.js
+++ b/examples/kml-earthquakes.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.layer.Vector');
@@ -54,7 +53,7 @@ var raster = new ol.layer.Tile({
 
 var map = new ol.Map({
   layers: [raster, vector],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [0, 0],
diff --git a/examples/kml-timezones.js b/examples/kml-timezones.js
index afd14955db..6211b4957d 100644
--- a/examples/kml-timezones.js
+++ b/examples/kml-timezones.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.layer.Vector');
@@ -61,7 +60,7 @@ var raster = new ol.layer.Tile({
 
 var map = new ol.Map({
   layers: [raster, vector],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [0, 0],
diff --git a/examples/kml.js b/examples/kml.js
index 9f972bae7a..91f5494ae2 100644
--- a/examples/kml.js
+++ b/examples/kml.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.layer.Vector');
@@ -22,7 +21,7 @@ var vector = new ol.layer.Vector({
 
 var map = new ol.Map({
   layers: [raster, vector],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: document.getElementById('map'),
   view: new ol.View2D({
     center: [876970.8463461736, 5859807.853963373],
diff --git a/examples/layer-clipping-webgl.js b/examples/layer-clipping-webgl.js
index bfea0b6932..3733e2ea1f 100644
--- a/examples/layer-clipping-webgl.js
+++ b/examples/layer-clipping-webgl.js
@@ -1,6 +1,5 @@
 goog.require('ol.BrowserFeature');
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.source.OSM');
@@ -19,7 +18,7 @@ if (!ol.BrowserFeature.HAS_WEBGL) {
 
   var map = new ol.Map({
     layers: [osm],
-    renderer: ol.RendererHint.WEBGL,
+    renderer: 'webgl',
     target: 'map',
     view: new ol.View2D({
       center: [0, 0],
diff --git a/examples/layer-clipping.js b/examples/layer-clipping.js
index aeebe39437..72a67fdf5a 100644
--- a/examples/layer-clipping.js
+++ b/examples/layer-clipping.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.source.OSM');
@@ -10,7 +9,7 @@ var osm = new ol.layer.Tile({
 
 var map = new ol.Map({
   layers: [osm],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [0, 0],
diff --git a/examples/layer-spy.js b/examples/layer-spy.js
index fb282f7283..04f597e137 100644
--- a/examples/layer-spy.js
+++ b/examples/layer-spy.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.proj');
@@ -17,7 +16,7 @@ var imagery = new ol.layer.Tile({
 
 var map = new ol.Map({
   layers: [roads, imagery],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: ol.proj.transform([-109, 46.5], 'EPSG:4326', 'EPSG:3857'),
diff --git a/examples/layer-swipe.js b/examples/layer-swipe.js
index 821576afc5..f79313ecba 100644
--- a/examples/layer-swipe.js
+++ b/examples/layer-swipe.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.source.BingMaps');
@@ -17,7 +16,7 @@ var bing = new ol.layer.Tile({
 
 var map = new ol.Map({
   layers: [osm, bing],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [0, 0],
diff --git a/examples/localized-openstreetmap.js b/examples/localized-openstreetmap.js
index 11857960d9..1a2a1f3c75 100644
--- a/examples/localized-openstreetmap.js
+++ b/examples/localized-openstreetmap.js
@@ -1,6 +1,5 @@
 goog.require('ol.Attribution');
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.source.OSM');
@@ -42,7 +41,7 @@ var map = new ol.Map({
     openCycleMapLayer,
     openSeaMapLayer
   ],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     maxZoom: 18,
diff --git a/examples/mapguide-untiled.js b/examples/mapguide-untiled.js
index d8b84060c1..0d6b900aed 100644
--- a/examples/mapguide-untiled.js
+++ b/examples/mapguide-untiled.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Image');
 goog.require('ol.source.MapGuide');
@@ -30,7 +29,7 @@ var map = new ol.Map({
       })
     })
   ],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [-87.7302542509315, 43.744459064634],
diff --git a/examples/rtree.js b/examples/rtree.js
index eeb9296a41..61c8154d3e 100644
--- a/examples/rtree.js
+++ b/examples/rtree.js
@@ -2,7 +2,6 @@
 // FIXME this example dives into private members and will never compile :)
 goog.require('ol.Feature');
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.extent');
 goog.require('ol.geom.Point');
@@ -100,7 +99,7 @@ var rtree = new ol.layer.Vector({
 
 var map = new ol.Map({
   layers: [vector, rtree],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [0, 0],
diff --git a/examples/select-features.js b/examples/select-features.js
index 3ad4395357..c27b5b22d7 100644
--- a/examples/select-features.js
+++ b/examples/select-features.js
@@ -1,6 +1,5 @@
 goog.require('ol.FeatureOverlay');
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.interaction');
 goog.require('ol.interaction.Select');
@@ -52,7 +51,7 @@ var select = new ol.interaction.Select({
 var map = new ol.Map({
   interactions: ol.interaction.defaults().extend([select]),
   layers: [raster, vector],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [0, 0],
diff --git a/examples/side-by-side.js b/examples/side-by-side.js
index 994be60551..7b13f52607 100644
--- a/examples/side-by-side.js
+++ b/examples/side-by-side.js
@@ -1,6 +1,5 @@
 goog.require('ol.BrowserFeature');
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.source.MapQuest');
@@ -12,7 +11,7 @@ var domMap = new ol.Map({
       source: new ol.source.MapQuest({layer: 'sat'})
     })
   ],
-  renderer: ol.RendererHint.DOM,
+  renderer: 'dom',
   target: 'domMap',
   view: new ol.View2D({
     center: [0, 0],
@@ -22,7 +21,7 @@ var domMap = new ol.Map({
 
 if (ol.BrowserFeature.HAS_WEBGL) {
   var webglMap = new ol.Map({
-    renderer: ol.RendererHint.WEBGL,
+    renderer: 'webgl',
     target: 'webglMap'
   });
   webglMap.bindTo('layergroup', domMap);
@@ -36,7 +35,7 @@ if (ol.BrowserFeature.HAS_WEBGL) {
 }
 
 var canvasMap = new ol.Map({
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'canvasMap'
 });
 canvasMap.bindTo('layergroup', domMap);
diff --git a/examples/static-image.js b/examples/static-image.js
index e6dca89119..919c403c9f 100644
--- a/examples/static-image.js
+++ b/examples/static-image.js
@@ -1,6 +1,5 @@
 goog.require('ol.Attribution');
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.extent');
 goog.require('ol.layer.Image');
@@ -34,7 +33,7 @@ var map = new ol.Map({
       })
     })
   ],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     projection: pixelProjection,
diff --git a/examples/synthetic-lines.js b/examples/synthetic-lines.js
index f563115837..9a5dd9e4ee 100644
--- a/examples/synthetic-lines.js
+++ b/examples/synthetic-lines.js
@@ -1,6 +1,5 @@
 goog.require('ol.Feature');
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.geom.LineString');
 goog.require('ol.layer.Vector');
@@ -60,7 +59,7 @@ var view = new ol.View2D({
 
 var map = new ol.Map({
   layers: [vector],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: view
 });
diff --git a/examples/synthetic-points.js b/examples/synthetic-points.js
index 18cce095de..7ebd447c4b 100644
--- a/examples/synthetic-points.js
+++ b/examples/synthetic-points.js
@@ -1,7 +1,6 @@
 goog.require('ol.Feature');
 goog.require('ol.Map');
 goog.require('ol.Overlay');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.geom.LineString');
 goog.require('ol.geom.Point');
@@ -58,7 +57,7 @@ var popup = new ol.Overlay({
 
 var map = new ol.Map({
   layers: [vector],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: document.getElementById('map'),
   view: new ol.View2D({
     center: [0, 0],
diff --git a/examples/topojson.js b/examples/topojson.js
index b6a35fe36c..9a60037a5a 100644
--- a/examples/topojson.js
+++ b/examples/topojson.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.layer.Vector');
@@ -39,7 +38,7 @@ var vector = new ol.layer.Vector({
 
 var map = new ol.Map({
   layers: [raster, vector],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [0, 0],
diff --git a/examples/vector-layer.js b/examples/vector-layer.js
index 4282da9e23..8b36ced3a3 100644
--- a/examples/vector-layer.js
+++ b/examples/vector-layer.js
@@ -1,6 +1,5 @@
 goog.require('ol.FeatureOverlay');
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.layer.Vector');
@@ -53,7 +52,7 @@ var map = new ol.Map({
     }),
     vectorLayer
   ],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [0, 0],
diff --git a/examples/wms-image.js b/examples/wms-image.js
index c752304978..1e1e142920 100644
--- a/examples/wms-image.js
+++ b/examples/wms-image.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Image');
 goog.require('ol.layer.Tile');
@@ -21,7 +20,7 @@ var layers = [
   })
 ];
 var map = new ol.Map({
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   layers: layers,
   target: 'map',
   view: new ol.View2D({
diff --git a/examples/wms-tiled.js b/examples/wms-tiled.js
index e6c0bc048c..042bb27058 100644
--- a/examples/wms-tiled.js
+++ b/examples/wms-tiled.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.source.MapQuest');
@@ -20,7 +19,7 @@ var layers = [
   })
 ];
 var map = new ol.Map({
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   layers: layers,
   target: 'map',
   view: new ol.View2D({
diff --git a/examples/wmts.js b/examples/wmts.js
index ff6efc6d51..4110a62ba2 100644
--- a/examples/wmts.js
+++ b/examples/wmts.js
@@ -1,5 +1,4 @@
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.extent');
 goog.require('ol.layer.Tile');
@@ -43,7 +42,7 @@ var map = new ol.Map({
       })
     })
   ],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   target: 'map',
   view: new ol.View2D({
     center: [-13677832, 5213272],
diff --git a/examples/xyz-esri.js b/examples/xyz-esri.js
index b1700b640f..dd1259b9b3 100644
--- a/examples/xyz-esri.js
+++ b/examples/xyz-esri.js
@@ -1,6 +1,5 @@
 goog.require('ol.Attribution');
 goog.require('ol.Map');
-goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.layer.Tile');
 goog.require('ol.proj');
@@ -23,7 +22,7 @@ var map = new ol.Map({
       })
     })
   ],
-  renderer: ol.RendererHint.CANVAS,
+  renderer: 'canvas',
   view: new ol.View2D({
     center: ol.proj.transform([-121.1, 47.5], 'EPSG:4326', 'EPSG:3857'),
     zoom: 7