Added gmMapResize event to gmMap.

dylanfprice · Jul 20, 2013 · a715cd1 · a715cd1
1 parent 2d461e2
commit a715cd1
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/src/directives/gmMap.js b/src/directives/gmMap.js
@@ -43,6 +43,17 @@
  * If you need to get a handle on the google.maps.Map object, see
  * [angulargmContainer]{@link module:angulargmContainer}
  *
+ * Events:
+ *
+ *   + `gmMapResize`: google.maps.event.trigger(map, 'resize') To use:
+ *   `$scope.$broadcast('gmMapResize', 'myMapId')`
+ *
+ *   Parameters:
+ *
+ *       + `mapId`: required. The id of your map.  This is what you set
+ *       `gm-map-id` to.  It is necessary because there may be multiple
+ *       instances of the `gmMap` directive.
+ *
  * @module gmMap
  */
 (function () {
@@ -141,6 +152,12 @@
           }
         });
       }
+
+      scope.$on('gmMapResize', function(event, gmMapId) {
+        if (scope.gmMapId() === gmMapId) {
+          controller.mapTrigger('resize');
+        }
+      });
     }
 
 

diff --git a/test/unit/directives/gmMapSpec.js b/test/unit/directives/gmMapSpec.js
@@ -34,6 +34,7 @@ describe('gmMap', function() {
 
     // get MapController
     mapCtrl = elm.controller('gmMap');
+    spyOn(mapCtrl, 'mapTrigger').andCallThrough();
     var center, zoom, bounds;
     Object.defineProperties(mapCtrl, {
       'center': {
@@ -196,4 +197,16 @@ describe('gmMap', function() {
   });
 
 
+  it('listens for map resize event', function() {
+    scope.$broadcast('gmMapResize', scope.mapId);
+    expect(mapCtrl.mapTrigger).toHaveBeenCalledWith('resize');
+  });
+
+
+  it('ignores map resize for different map', function() {
+    scope.$broadcast('gmMapResize', scope.mapId + 'diff');
+    expect(mapCtrl.mapTrigger).not.toHaveBeenCalled();
+  });
+
+
 });