Register layer renderers with the map renderer

examples/side-by-side.js

@@ -1,6 +1,6 @@
 import Map from '../src/ol/Map.js';
+import WebGLMap from '../src/ol/WebGLMap.js';
 import View from '../src/ol/View.js';
-import {WEBGL} from '../src/ol/has.js';
 import TileLayer from '../src/ol/layer/Tile.js';
 import OSM from '../src/ol/source/OSM.js';
 
@@ -19,17 +19,8 @@ const map1 = new Map({
   view: view
 });
 
-if (WEBGL) {
-  const map2 = new Map({
-    target: 'webglMap',
-    renderer: /** @type {Array<ol.renderer.Type>} */ (['webgl', 'canvas']),
-    layers: [layer],
-    view: view
-  });
-} else {
-  const info = document.getElementById('no-webgl');
-  /**
-   * display error message
-   */
-  info.style.display = '';
-}
+const map2 = new WebGLMap({
+  target: 'webglMap',
+  layers: [layer],
+  view: view
+});