Register layer renderers with the map renderer

examples/icon-sprite-webgl.js

@@ -1,5 +1,5 @@
 import Feature from '../src/ol/Feature.js';
-import Map from '../src/ol/Map.js';
+import Map from '../src/ol/WebGLMap.js';
 import View from '../src/ol/View.js';
 import Point from '../src/ol/geom/Point.js';
 import VectorLayer from '../src/ol/layer/Vector.js';
@@ -80,7 +80,6 @@ const vector = new VectorLayer({
 });
 
 const map = new Map({
-  renderer: /** @type {Array<ol.renderer.Type>} */ (['webgl', 'canvas']),
   layers: [vector],
   target: document.getElementById('map'),
   view: new View({

examples/layer-clipping-webgl.js

@@ -1,4 +1,4 @@
-import Map from '../src/ol/Map.js';
+import Map from '../src/ol/WebGLMap.js';
 import View from '../src/ol/View.js';
 import {defaults as defaultControls} from '../src/ol/control.js';
 import {WEBGL} from '../src/ol/has.js';
@@ -19,7 +19,6 @@ if (!WEBGL) {
 
   const map = new Map({
     layers: [osm],
-    renderer: /** @type {Array<ol.renderer.Type>} */ (['webgl', 'canvas']),
     target: 'map',
     controls: defaultControls({
       attributionOptions: {

examples/side-by-side.html

@@ -13,7 +13,4 @@ tags: "side-by-side, canvas, webgl"
 <div class="half">
   <h4>WebGL</h4>
   <div id="webglMap" class="map"></div>
-  <div id="no-webgl" class="alert alert-danger" style="display: none">
-    This map requires a browser that supports <a href="http://get.webgl.org/">WebGL</a>.
-  </div>
 </div>

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
+});

examples/symbol-atlas-webgl.js

@@ -1,5 +1,5 @@
 import Feature from '../src/ol/Feature.js';
-import Map from '../src/ol/Map.js';
+import Map from '../src/ol/WebGLMap.js';
 import View from '../src/ol/View.js';
 import Point from '../src/ol/geom/Point.js';
 import VectorLayer from '../src/ol/layer/Vector.js';
@@ -107,7 +107,6 @@ const vector = new VectorLayer({
 });
 
 const map = new Map({
-  renderer: /** @type {Array<ol.renderer.Type>} */ (['webgl', 'canvas']),
   layers: [vector],
   target: document.getElementById('map'),
   view: new View({