Explicit map renderer construction

src/ol/renderer/canvas/Map.js

@@ -1,8 +1,6 @@
 /**
  * @module ol/renderer/canvas/Map
  */
-// FIXME offset panning
-
 import {create as createTransform, apply as applyTransform, compose as composeTransform} from '../../transform.js';
 import {inherits} from '../../index.js';
 import {stableSort} from '../../array.js';
@@ -20,13 +18,13 @@ import SourceState from '../../source/State.js';
 /**
  * @constructor
  * @extends {ol.renderer.Map}
- * @param {Element} container Container.
  * @param {module:ol/PluggableMap~PluggableMap} map Map.
  * @api
  */
-const CanvasMapRenderer = function(container, map) {
+const CanvasMapRenderer = function(map) {
+  MapRenderer.call(this, map);
 
-  MapRenderer.call(this, container, map);
+  const container = map.getViewport();
 
   /**
    * @private
@@ -63,27 +61,6 @@ const CanvasMapRenderer = function(container, map) {
 inherits(CanvasMapRenderer, MapRenderer);
 
 
-/**
- * Determine if this renderer handles the provided layer.
- * @param {ol.renderer.Type} type The renderer type.
- * @return {boolean} The renderer can render the layer.
- */
-CanvasMapRenderer['handles'] = function(type) {
-  return type === RendererType.CANVAS;
-};
-
-
-/**
- * Create the map renderer.
- * @param {Element} container Container.
- * @param {module:ol/PluggableMap~PluggableMap} map Map.
- * @return {ol.renderer.canvas.Map} The map renderer.
- */
-CanvasMapRenderer['create'] = function(container, map) {
-  return new CanvasMapRenderer(container, map);
-};
-
-
 /**
  * @param {ol.render.EventType} type Event type.
  * @param {module:ol/PluggableMap~FrameState} frameState Frame state.