diff --git a/src/directives/resizemap.js b/src/directives/resizemap.js
index <HASH>..<HASH> 100644
--- a/src/directives/resizemap.js
+++ b/src/directives/resizemap.js
@@ -36,22 +36,27 @@ ngeo.resizemapDirective = function($window) {
           var map = scope.$eval(prop);
           goog.asserts.assertInstanceof(map, ol.Map);
 
+          var updateMapSize = function() {
+            map.updateSize();
+            map.renderSync();
+          };
+
           var animationDelay = new goog.async.AnimationDelay(
               /**
                * @param {number} time Time.
                */
               function(time) {
-                map.updateSize();
+                updateMapSize();
                 animationDelay.start();
               }, $window);
 
           element.on('$animate:before', function() {
-            animationDelay.stop();
+            updateMapSize();
             animationDelay.start();
           });
 
           element.on('$animate:close', function() {
-            map.updateSize();
+            updateMapSize();
             animationDelay.stop();
           });
         }
Call renderSync after updateSize

This commit changes the resizemap directive's RAF callback to call map.renderSync after calling map.updateSize. updateSize is called in a RAF callback so it makes sense not to defer the render of the map to the next animation frame.