Merge branch 'master' of github.com:tombatossals/angular-leaflet-directive

Author: tombatossals

dist/angular-leaflet-directive.js

@@ -200,6 +200,12 @@ angular.module("leaflet-directive").directive('center',
                             zoom: map.getZoom(),
                             autoDiscover: false
                         };
+                        angular.extend(scope.center,{
+                           lat: map.getCenter().lat,
+                           lng: map.getCenter().lng,
+                           zoom: map.getZoom(),
+                           autoDiscover: false
+                        });
                     });
                     safeApply(leafletScope, function (scope) {
                         var mapBounds = map.getBounds();
@@ -311,12 +317,13 @@ angular.module("leaflet-directive").directive('center',
                     safeApply(leafletScope, function(scope) {
                         if (!leafletScope.settingCenterFromScope) {
                             //$log.debug("updating center model...", map.getCenter(), map.getZoom());
-                            scope.center = {
-                                lat: map.getCenter().lat,
-                                lng: map.getCenter().lng,
-                                zoom: map.getZoom(),
-                                autoDiscover: false
-                            };
+                            
+                            angular.extend(scope.center,{
+                               lat: map.getCenter().lat,
+                               lng: map.getCenter().lng,
+                               zoom: map.getZoom(),
+                               autoDiscover: false
+                            });
                         }
                         leafletEvents.notifyCenterChangedToBounds(leafletScope, map);
                     });

dist/angular-leaflet-directive.min.js

@@ -4,7 +4,7 @@
 This sub-directive needs the **leaflet** main directive, so it is normaly used as an attribute of the *leaflet* tag, like this:
 
 ```
-<leaflet bounds="bounds"></leaflet>
+<leaflet bounds="bounds" center="center"></leaflet>
 ```
 
 It will map an object _bounds_ of our controller scope with the corresponding object on our leaflet directive isolated scope. It's a bidirectional relationship, so a change in this object on the controller scope object will affect the map bounds, or an interaction on the map which changes the map position will update our _bounds_ values. Let's define the bounds model with an example:

doc/bounds-attribute.md

@@ -46,6 +46,12 @@ angular.module("leaflet-directive").directive('center',
                             zoom: map.getZoom(),
                             autoDiscover: false
                         };
+                        angular.extend(scope.center,{
+                           lat: map.getCenter().lat,
+                           lng: map.getCenter().lng,
+                           zoom: map.getZoom(),
+                           autoDiscover: false
+                        });
                     });
                     safeApply(leafletScope, function (scope) {
                         var mapBounds = map.getBounds();
@@ -157,12 +163,13 @@ angular.module("leaflet-directive").directive('center',
                     safeApply(leafletScope, function(scope) {
                         if (!leafletScope.settingCenterFromScope) {
                             //$log.debug("updating center model...", map.getCenter(), map.getZoom());
-                            scope.center = {
-                                lat: map.getCenter().lat,
-                                lng: map.getCenter().lng,
-                                zoom: map.getZoom(),
-                                autoDiscover: false
-                            };
+                            
+                            angular.extend(scope.center,{
+                               lat: map.getCenter().lat,
+                               lng: map.getCenter().lng,
+                               zoom: map.getZoom(),
+                               autoDiscover: false
+                            });
                         }
                         leafletEvents.notifyCenterChangedToBounds(leafletScope, map);
                     });