feat(build): Added a new createBoundsFromArray helper, proposed by @lukasz-zak here:

tombatossals · tombatossals · commit 0adacda11731 · 2013-12-26T19:20:26.000+01:00
tombatossals/angular-leaflet-directive#228
diff --git a/examples/bounds-example.html b/examples/bounds-example.html
@@ -1,35 +1,33 @@
 <!DOCTYPE html>
 <html ng-app="demoapp">
   <head>
-    <script src="http://cdn.leafletjs.com/leaflet-0.7/leaflet.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.2/angular.min.js"></script>
+    <script src="http://cdn.leafletjs.com/leaflet-0.7.1/leaflet.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
     <script src="../dist/angular-leaflet-directive.min.js"></script>
-    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css" />
+    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.1/leaflet.css" />
     <script>
         var app = angular.module("demoapp", ["leaflet-directive"]);
-        app.controller("DemoController", [ "$scope", "leafletData", function($scope, leafletData) {
-           angular.extend($scope, {
-               london: {
-                   lat: 51.505,
-                   lng: -0.09,
-                   zoom: 4
-               },
-               bounds: {
-                   southWest: {
-                       lat:51.508742458803326,
-                       lng: -0.087890625,
-                   },
-                   northEast: {
-                       lat:51.508742458803326,
-                        lng:-0.087890625,
-                   }
-               }
-           });
-           leafletData.getMap().then(function(map){
+        app.controller("DemoController", [ "$scope", "leafletData", "leafletBoundsHelpers", function($scope, leafletData, leafletBoundsHelpers) {
+
+            var bounds = leafletBoundsHelpers.createBoundsFromArray([
+                [ 51.508742458803326, -0.087890625 ],
+                [ 51.508742458803326, -0.087890625 ]
+            ]);
+
+            angular.extend($scope, {
+                london: {
+                    lat: 51.505,
+                    lng: -0.09,
+                    zoom: 4
+                },
+                bounds: bounds
+            });
+
+            leafletData.getMap().then(function(map){
                  var bounds = map.getBounds();
                  console.log('northwest=' + bounds.getNorthWest().toString() + '&northeast=' + bounds.getNorthEast().toString() + '&southeast=' + bounds.getSouthEast().toString() + '&southwest=' + bounds.getSouthWest().toString());
-           });
-       }]);
+            });
+        }]);
     </script>
     <style>
         input {
diff --git a/src/services/leafletBoundsHelpers.js b/src/services/leafletBoundsHelpers.js
@@ -25,10 +25,10 @@ angular.module("leaflet-directive").factory('leafletBoundsHelpers', function ($l
         createBoundsFromArray: function(boundsArray) {
             if (!(isArray(boundsArray) && boundsArray.length === 2 &&
                   isArray(boundsArray[0]) && isArray(boundsArray[1]) &&
-                  boundsArray[0].length === 2 && boundsArray[1].lenth === 2 &&
+                  boundsArray[0].length === 2 && boundsArray[1].length === 2 &&
                   isNumber(boundsArray[0][0]) && isNumber(boundsArray[0][1]) &&
                   isNumber(boundsArray[1][0]) && isNumber(boundsArray[1][1]))) {
-                $log.warn("[AngularJS - Leaflet] The bounds array is not valid.");
+                $log.error("[AngularJS - Leaflet] The bounds array is not valid.");
                 return;
             }
 
@@ -46,8 +46,6 @@ angular.module("leaflet-directive").factory('leafletBoundsHelpers', function ($l
         },
 
         updateBoundsInScope: function(leafletScope, map) {
-            if(!leafletScope.bounds) { return; }
-
             var mapBounds = map.getBounds();
             var newScopeBounds = {
                 northEast: {
