Remove DOM layer in render, not in dispose

src/ol/renderer/dom/domlayerrenderer.js

@@ -27,15 +27,6 @@ ol.renderer.dom.Layer = function(mapRenderer, layer, target) {
 goog.inherits(ol.renderer.dom.Layer, ol.renderer.Layer);
 
 
-/**
- * @inheritDoc
- */
-ol.renderer.dom.Layer.prototype.disposeInternal = function() {
-  goog.dom.removeNode(this.target);
-  goog.base(this, 'disposeInternal');
-};
-
-
 /**
  * @protected
  * @return {!Element} Target.

src/ol/renderer/dom/dommaprenderer.js

@@ -4,6 +4,7 @@ goog.require('goog.array');
 goog.require('goog.asserts');
 goog.require('goog.dom');
 goog.require('goog.dom.TagName');
+goog.require('goog.object');
 goog.require('goog.style');
 goog.require('ol.css');
 goog.require('ol.layer.ImageLayer');
@@ -86,6 +87,14 @@ ol.renderer.dom.Map.prototype.renderFrame = function(frameState) {
     }
   }, this);
 
+  goog.object.forEach(
+      this.getLayerRenderers(),
+      function(layerRenderer, layerKey) {
+        if (!(layerKey in frameState.layerStates)) {
+          goog.dom.removeNode(layerRenderer.getTarget());
+        }
+      });
+
   if (!this.renderedVisible_) {
     goog.style.showElement(this.layersPane_, true);
     this.renderedVisible_ = true;