Merge pull request #112 from twpayne/dom-renderer-clean-ups

DOM renderer clean ups

src/ol/renderer/dom/dommaprenderer.js

@@ -1,5 +1,3 @@
-// FIXME re-enable rotation when supported
-
 goog.provide('ol.renderer.dom.Map');
 
 goog.require('goog.asserts');
@@ -8,6 +6,7 @@ goog.require('goog.dom.TagName');
 goog.require('goog.events');
 goog.require('goog.events.Event');
 goog.require('goog.functions');
+goog.require('goog.style');
 goog.require('ol.Coordinate');
 goog.require('ol.FrameState');
 goog.require('ol.layer.TileLayer');
@@ -39,6 +38,12 @@ ol.renderer.dom.Map = function(container, map) {
 
   goog.dom.insertChildAt(container, this.layersPane_, 0);
 
+  /**
+   * @private
+   * @type {boolean}
+   */
+  this.renderedVisible_ = true;
+
 };
 goog.inherits(ol.renderer.dom.Map, ol.renderer.Map);
 
@@ -97,7 +102,10 @@ ol.renderer.dom.Map.prototype.handleViewChanged = function() {
 ol.renderer.dom.Map.prototype.renderFrame = function(frameState) {
 
   if (goog.isNull(frameState)) {
-    // FIXME remove everything
+    if (this.renderedVisible_) {
+      goog.style.showElement(this.layersPane_, false);
+      this.renderedVisible_ = false;
+    }
     return;
   }
 
@@ -110,4 +118,9 @@ ol.renderer.dom.Map.prototype.renderFrame = function(frameState) {
     layerRenderer.renderFrame(frameState, layerState);
   }, this);
 
+  if (!this.renderedVisible_) {
+    goog.style.showElement(this.layersPane_, true);
+    this.renderedVisible_ = true;
+  }
+
 };