Pluggable renderers

src/ol/renderer/webgl/imagelayer.js

@@ -1,10 +1,12 @@
 goog.provide('ol.renderer.webgl.ImageLayer');
 
 goog.require('ol');
+goog.require('ol.LayerType');
 goog.require('ol.ViewHint');
 goog.require('ol.dom');
 goog.require('ol.extent');
 goog.require('ol.functions');
+goog.require('ol.renderer.Type');
 goog.require('ol.renderer.webgl.Layer');
 goog.require('ol.source.ImageVector');
 goog.require('ol.transform');
@@ -19,6 +21,7 @@ if (ol.ENABLE_WEBGL) {
    * @extends {ol.renderer.webgl.Layer}
    * @param {ol.renderer.webgl.Map} mapRenderer Map renderer.
    * @param {ol.layer.Image} imageLayer Tile layer.
+   * @api
    */
   ol.renderer.webgl.ImageLayer = function(mapRenderer, imageLayer) {
 
@@ -47,6 +50,31 @@ if (ol.ENABLE_WEBGL) {
   ol.inherits(ol.renderer.webgl.ImageLayer, ol.renderer.webgl.Layer);
 
 
+  /**
+   * Determine if this renderer handles the provided layer.
+   * @param {ol.renderer.Type} type The renderer type.
+   * @param {ol.layer.Layer} layer The candidate layer.
+   * @return {boolean} The renderer can render the layer.
+   */
+  ol.renderer.webgl.ImageLayer['handles'] = function(type, layer) {
+    return type === ol.renderer.Type.WEBGL && layer.getType() === ol.LayerType.IMAGE;
+  };
+
+
+  /**
+   * Create a layer renderer.
+   * @param {ol.renderer.Map} mapRenderer The map renderer.
+   * @param {ol.layer.Layer} layer The layer to be rendererd.
+   * @return {ol.renderer.webgl.ImageLayer} The layer renderer.
+   */
+  ol.renderer.webgl.ImageLayer['create'] = function(mapRenderer, layer) {
+    return new ol.renderer.webgl.ImageLayer(
+      /** @type {ol.renderer.webgl.Map} */ (mapRenderer),
+      /** @type {ol.layer.Image} */ (layer)
+    );
+  };
+
+
   /**
    * @param {ol.ImageBase} image Image.
    * @private

src/ol/renderer/webgl/map.js

@@ -28,6 +28,7 @@ if (ol.ENABLE_WEBGL) {
    * @extends {ol.renderer.Map}
    * @param {Element} container Container.
    * @param {ol.Map} map Map.
+   * @api
    */
   ol.renderer.webgl.Map = function(container, map) {
     ol.renderer.Map.call(this, container, map);
@@ -162,6 +163,27 @@ if (ol.ENABLE_WEBGL) {
   ol.inherits(ol.renderer.webgl.Map, ol.renderer.Map);
 
 
+  /**
+   * Determine if this renderer handles the provided layer.
+   * @param {ol.renderer.Type} type The renderer type.
+   * @return {boolean} The renderer can render the layer.
+   */
+  ol.renderer.webgl.Map['handles'] = function(type) {
+    return type === ol.renderer.Type.WEBGL;
+  };
+
+
+  /**
+   * Create the map renderer.
+   * @param {Element} container Container.
+   * @param {ol.Map} map Map.
+   * @return {ol.renderer.webgl.Map} The map renderer.
+   */
+  ol.renderer.webgl.Map['create'] = function(container, map) {
+    return new ol.renderer.webgl.Map(container, map);
+  };
+
+
   /**
    * @param {ol.Tile} tile Tile.
    * @param {ol.Size} tileSize Tile size.

src/ol/renderer/webgl/tilelayer.js

@@ -4,11 +4,13 @@
 goog.provide('ol.renderer.webgl.TileLayer');
 
 goog.require('ol');
-goog.require('ol.TileState');
+goog.require('ol.LayerType');
 goog.require('ol.TileRange');
+goog.require('ol.TileState');
 goog.require('ol.array');
 goog.require('ol.extent');
 goog.require('ol.math');
+goog.require('ol.renderer.Type');
 goog.require('ol.renderer.webgl.Layer');
 goog.require('ol.renderer.webgl.tilelayershader');
 goog.require('ol.size');
@@ -24,6 +26,7 @@ if (ol.ENABLE_WEBGL) {
    * @extends {ol.renderer.webgl.Layer}
    * @param {ol.renderer.webgl.Map} mapRenderer Map renderer.
    * @param {ol.layer.Tile} tileLayer Tile layer.
+   * @api
    */
   ol.renderer.webgl.TileLayer = function(mapRenderer, tileLayer) {
 
@@ -86,6 +89,31 @@ if (ol.ENABLE_WEBGL) {
   ol.inherits(ol.renderer.webgl.TileLayer, ol.renderer.webgl.Layer);
 
 
+  /**
+   * Determine if this renderer handles the provided layer.
+   * @param {ol.renderer.Type} type The renderer type.
+   * @param {ol.layer.Layer} layer The candidate layer.
+   * @return {boolean} The renderer can render the layer.
+   */
+  ol.renderer.webgl.TileLayer['handles'] = function(type, layer) {
+    return type === ol.renderer.Type.WEBGL && layer.getType() === ol.LayerType.TILE;
+  };
+
+
+  /**
+   * Create a layer renderer.
+   * @param {ol.renderer.Map} mapRenderer The map renderer.
+   * @param {ol.layer.Layer} layer The layer to be rendererd.
+   * @return {ol.renderer.webgl.TileLayer} The layer renderer.
+   */
+  ol.renderer.webgl.TileLayer['create'] = function(mapRenderer, layer) {
+    return new ol.renderer.webgl.TileLayer(
+      /** @type {ol.renderer.webgl.Map} */ (mapRenderer),
+      /** @type {ol.layer.Tile} */ (layer)
+    );
+  };
+
+
   /**
    * @inheritDoc
    */

src/ol/renderer/webgl/vectorlayer.js

@@ -1,9 +1,11 @@
 goog.provide('ol.renderer.webgl.VectorLayer');
 
 goog.require('ol');
+goog.require('ol.LayerType');
 goog.require('ol.ViewHint');
 goog.require('ol.extent');
 goog.require('ol.render.webgl.ReplayGroup');
+goog.require('ol.renderer.Type');
 goog.require('ol.renderer.vector');
 goog.require('ol.renderer.webgl.Layer');
 goog.require('ol.transform');
@@ -16,6 +18,7 @@ if (ol.ENABLE_WEBGL) {
    * @extends {ol.renderer.webgl.Layer}
    * @param {ol.renderer.webgl.Map} mapRenderer Map renderer.
    * @param {ol.layer.Vector} vectorLayer Vector layer.
+   * @api
    */
   ol.renderer.webgl.VectorLayer = function(mapRenderer, vectorLayer) {
 
@@ -68,6 +71,31 @@ if (ol.ENABLE_WEBGL) {
   ol.inherits(ol.renderer.webgl.VectorLayer, ol.renderer.webgl.Layer);
 
 
+  /**
+   * Determine if this renderer handles the provided layer.
+   * @param {ol.renderer.Type} type The renderer type.
+   * @param {ol.layer.Layer} layer The candidate layer.
+   * @return {boolean} The renderer can render the layer.
+   */
+  ol.renderer.webgl.VectorLayer['handles'] = function(type, layer) {
+    return type === ol.renderer.Type.WEBGL && layer.getType() === ol.LayerType.VECTOR;
+  };
+
+
+  /**
+   * Create a layer renderer.
+   * @param {ol.renderer.Map} mapRenderer The map renderer.
+   * @param {ol.layer.Layer} layer The layer to be rendererd.
+   * @return {ol.renderer.webgl.VectorLayer} The layer renderer.
+   */
+  ol.renderer.webgl.VectorLayer['create'] = function(mapRenderer, layer) {
+    return new ol.renderer.webgl.VectorLayer(
+      /** @type {ol.renderer.webgl.Map} */ (mapRenderer),
+      /** @type {ol.layer.Vector} */ (layer)
+    );
+  };
+
+
   /**
    * @inheritDoc
    */