Updated

master/examples/canvas-tiles.js

@@ -1,38 +1,22 @@
-var layers = [
-  new ol.layer.TileLayer({
-    source: new ol.source.OpenStreetMap()
-  }),
-  new ol.layer.TileLayer({
-    source: new ol.source.DebugTileSource({
-      projection: 'EPSG:3857',
-      tileGrid: new ol.tilegrid.XYZ({
-        maxZoom: 22
+var map = new ol.Map({
+  layers: [
+    new ol.layer.TileLayer({
+      source: new ol.source.OpenStreetMap()
+    }),
+    new ol.layer.TileLayer({
+      source: new ol.source.DebugTileSource({
+        projection: 'EPSG:3857',
+        tileGrid: new ol.tilegrid.XYZ({
+          maxZoom: 22
+        })
       })
     })
-  })
-];
-
-var webglMap = new ol.Map({
+  ],
+  renderers: ol.RendererHints.createFromQueryData(),
+  target: 'map',
   view: new ol.View2D({
     center: ol.projection.transform(
         new ol.Coordinate(-0.1275, 51.507222), 'EPSG:4326', 'EPSG:3857'),
     zoom: 10
-  }),
-  layers: layers,
-  renderer: ol.RendererHint.WEBGL,
-  target: 'webglMap'
+  })
 });
-
-var domMap = new ol.Map({
-  renderer: ol.RendererHint.DOM,
-  target: 'domMap'
-});
-domMap.bindTo('layers', webglMap);
-domMap.bindTo('view', webglMap);
-
-var canvasMap = new ol.Map({
-  renderer: ol.RendererHint.CANVAS,
-  target: 'canvasMap'
-});
-canvasMap.bindTo('layers', webglMap);
-canvasMap.bindTo('view', webglMap);