Added callback functionality for ui-map.

demo/demo.html

@@ -35,7 +35,7 @@ <h1>Marker</h1>
       google maps-->
       <div id="map_canvas" ui-map="myMap" class="col-md-8 map"
            ui-event="{'map-click': 'addMarker($event, $params)', 'map-zoom_changed': 'setZoomMessage(myMap.getZoom())' }"
-           ui-options="mapOptions">
+           ui-options="mapOptions" ui-on-finish="myCallback">
       </div>
     </div>
   </div>

demo/demo.js

@@ -12,6 +12,10 @@ angular.module('doc.ui-map', ['ui.map', 'prettifyDirective', 'ui.bootstrap', 'pl
 
     $scope.myMarkers = [];
 
+    $scope.myCallback = function() {
+      console.log('callback called');
+    };
+
     $scope.mapOptions = {
       center: new google.maps.LatLng(35.784, -78.670),
       zoom: 15,

src/ui-map.js

@@ -40,6 +40,11 @@
           model.assign(scope, map);
 
           bindMapEvents(scope, mapEvents, map, elm);
+
+          if (attrs.uiOnFinish) {
+            // call the callback
+            scope[attrs.uiOnFinish](map);
+          }
         }
       };
     }]);

test/mapSpec.js

@@ -55,6 +55,18 @@ describe('uiMap', function () {
       google.maps.event.trigger(scope.gmap, 'dragend');
       expect(scope.county).toBe(2);
     });
+
+    it('should execute the passed callback after having compiled the directive', function() {
+      scope.callbackCalled = false;
+      scope.gmapCallback = function(map) {
+        if (map) {
+          scope.callbackCalled = true;
+        }
+      };
+
+      $compile("<div><div ui-map='gmap' ui-on-finish='gmapCallback'></div></div>")(scope);
+      expect(scope.callbackCalled).toBeTruthy();
+    });
   });
 
   describe('test infoWindow', function () {