Gruntfile:

- version appended to non minified version same as develop
Map.Control:
- refresh and getGMap are now more functional oriented
- the directive looks for a controller to have control= defined. The
  object is extended with refresh and getGMap which are direct callback
hooks to the directive itself.

Refresh:
Accepts optional coordinates to  panTo or Center on a new
postion after refresh / "resize" is triggered

issue #230

See example.html for map.control.refresh and map.control.getGMap

Author: nmccready

Gruntfile.coffee

@@ -61,16 +61,14 @@ module.exports = (grunt) ->
 
         concat:
             options:
+                banner: "/*! <%= pkg.name %> <%= pkg.version %> <%= grunt.template.today(\"yyyy-mm-dd\") %>\n *  <%= pkg.description %>\n *  <%= pkg.repository.type %>: <%= pkg.repository.url %>\n */\n"
                 separator: ";"
 
             dist:
                 src: ["tmp/output_coffee.js", "lib/*.js"]
                 dest: "tmp/output.js"
 
         copy:
-            options:
-                banner: "/*! <%= pkg.name %> <%= pkg.version %> <%= grunt.template.today(\"yyyy-mm-dd\") %>\n *  <%= pkg.description %>\n *  <%= pkg.repository.type %>: <%= pkg.repository.url %>\n */\n"
-
             dist:
                 files: [
                     src: "tmp/output.js"

dist/angular-google-maps.js

@@ -1,3 +1,7 @@
+/*! angular-google-maps 1.0.12 2014-02-17
+ *  AngularJS directives for Google Maps
+ *  git: https://github.com/nlaplante/angular-google-maps.git
+ */
 /*
     Author Nick McCready
     Intersection of Objects if the arrays have something in common each intersecting object will be returned
@@ -2420,7 +2424,7 @@ Nick Baugh - https://github.com/niftylettuce
           center: "=center",
           zoom: "=zoom",
           dragging: "=dragging",
-          refresh: "&refresh",
+          control: "=",
           windows: "=windows",
           options: "=options",
           events: "=events",
@@ -2571,19 +2575,29 @@ Nick Baugh - https://github.com/niftylettuce
             }
           }
           scope.map = _m;
-          google.maps.event.trigger(_m, "resize");
-          if (!angular.isUndefined(scope.refresh())) {
-            scope.$watch("refresh()", function(newValue, oldValue) {
+          if ((attrs.control != null) && (scope.control != null)) {
+            scope.control.refresh = function(maybeCoords) {
               var coords;
-              if ((newValue != null) && !oldValue) {
-                coords = getCoords(newValue);
+              if (_m == null) {
+                return;
+              }
+              google.maps.event.trigger(_m, "resize");
+              if (((maybeCoords != null ? maybeCoords.latitude : void 0) != null) && ((maybeCoords != null ? maybeCoords.latitude : void 0) != null)) {
+                coords = getCoords(maybeCoords);
                 if (isTrue(attrs.pan)) {
                   return _m.panTo(coords);
                 } else {
                   return _m.setCenter(coords);
                 }
               }
-            });
+            };
+            /*
+            I am sure you all will love this. You want the instance here you go.. BOOM!
+            */
+
+            scope.control.getGMap = function() {
+              return _m;
+            };
           }
           scope.$watch("center", (function(newValue, oldValue) {
             var coords;

dist/angular-google-maps.min.js

@@ -49,6 +49,7 @@ function ExampleController($scope, $timeout, $log, $http) {
 
     angular.extend($scope, {
         map: {
+            control:{},
             version: "uknown",
             heatLayerCallback: function (layer) {
                 //set the heat layers backend data
@@ -307,6 +308,16 @@ function ExampleController($scope, $timeout, $log, $http) {
         $scope.map.templatedInfoWindow.show = false;
         // $scope.map.infoWindow.coords = null;
     };
+    $scope.refreshMap = function() {
+        //optional param if you want to refresh you can pass null undefined or false or empty arg
+        $scope.map.control.refresh({latitude:32.779680,longitude:-79.935493});
+        $scope.map.control.getGMap().setZoom(11);
+        return;
+    };
+    $scope.getMapInstance = function() {
+       alert("You have Map Instance of" + $scope.map.control.getGMap().toString());
+        return;
+    }
     $scope.map.clusterOptionsText = JSON.stringify($scope.map.clusterOptions);
     $scope.$watch('map.clusterOptionsText', function (newValue, oldValue) {
         if (newValue !== oldValue)

example/example-controller.js

@@ -42,7 +42,9 @@ <h2>angular-google-maps example <span ng-cloak>{{version}}</span></h2>
          bounds="map.bounds"
          events="map.events"
          options="map.options"
-         pan="true" >
+         pan="true"
+         control="map.control"
+        >
 
         <layer type="TrafficLayer" show="map.showTraffic"></layer>
         <layer type="BicyclingLayer" show="map.showBicycling"></layer>
@@ -125,6 +127,8 @@ <h2>angular-google-maps example <span ng-cloak>{{version}}</span></h2>
                   geodesic='p.geodesic' fit="false" editable="p.editable" draggable="p.draggable"></polyline>
     </div>
     <button class="btn btn-danger pull-right" ng-click="removeMarkers()">Clear Map</button>
+    <button class="btn btn-success pull-right" ng-click="refreshMap()">Refresh Map</button>
+    <button class="btn btn-success pull-right" ng-click="getMapInstance()">Get Map Instance</button>
 </div>
 <div class="span5">
     <fieldset>

example/example.html

@@ -62,7 +62,7 @@ angular.module("google-maps").directive "googleMap", ["$log", "$timeout", ($log,
             center: "=center" # required
             zoom: "=zoom" # required
             dragging: "=dragging" # optional
-            refresh: "&refresh" # optional
+            control: "=" # optional
             windows: "=windows" # optional  TODO is this still needed looks like dead code
             options: "=options" # optional
             events: "=events" # optional
@@ -177,17 +177,26 @@ angular.module("google-maps").directive "googleMap", ["$log", "$timeout", ($log,
 
             # Put the map into the scope
             scope.map = _m
-            google.maps.event.trigger _m, "resize"
-
-            # Check if we need to refresh the map
-            unless angular.isUndefined(scope.refresh())
-                scope.$watch "refresh()", (newValue, oldValue) ->
-                    if newValue? and not oldValue
-                        coords = getCoords(newValue)
+#            google.maps.event.trigger _m, "resize"
+
+            # check if have an external control hook to direct us manually without watches
+            #this will normally be an empty object that we extend and slap functionality onto with this directive
+            if attrs.control? and scope.control?
+                scope.control.refresh = (maybeCoords) =>
+                    return unless _m?
+                    google.maps.event.trigger _m, "resize" #actually refresh
+                    #do we have new coords to goto along with the refresh?
+                    if maybeCoords?.latitude? and maybeCoords?.latitude?
+                        coords = getCoords(maybeCoords)
                         if isTrue(attrs.pan)
                             _m.panTo coords
                         else
                             _m.setCenter coords
+                ###
+                I am sure you all will love this. You want the instance here you go.. BOOM!
+                ###
+                scope.control.getGMap = ()=>
+                    _m
 
             # Update map when center coordinates change
             scope.$watch "center", ((newValue, oldValue) ->