#21 Implement FitToBounds - now supported for maps declared in XML as…

… well

README.md

@@ -110,7 +110,29 @@ function onMapReady(args) {
 exports.onMapReady = onMapReady;
 ```
 
-Note that at the moment this is the only one of the methods listed below
+### .. or want to set the viewport bounds?
+
+```js
+var mapbox = require("nativescript-mapbox");
+
+function onMapReady(args) {
+  args.map.setViewport([
+      {
+        bounds: {
+          north: 52.4820,
+          east: 5.1087,
+          south: 52.2581,
+          west: 4.6816
+        },
+        animated: true
+      }
+  );
+}
+
+exports.onMapReady = onMapReady;
+```
+
+Note that at the moment these are the only two of the methods listed below
 you can use with the XML-rendered map API. It's very easy to add other methods though,
 so please open an issue on GitHub if you need to fi get the zoom level in a similar way.
 
@@ -218,6 +240,34 @@ or remove specific marker id's (which you specified previously).
   mapbox.removeMarkers([1, 2]);
 ```
 
+### setViewport
+If you want to for instance make the viewport contain all markers you
+can set the bounds to the lat/lng of the outermost markers using this function. 
+
+```js
+  mapbox.setViewport(
+      {
+        bounds: {
+          north: 52.4820,
+          east: 5.1087,
+          south: 52.2581,
+          west: 4.6816
+        },
+        animated: true // default true
+      }
+  )
+```
+
+### getViewport
+```js
+  mapbox.getViewport().then(
+      function(result) {
+        console.log("Mapbox getViewport done, result: " + JSON.stringify(result));
+      }
+  )
+```
+
+
 ### setCenter
 ```js
   mapbox.setCenter(

mapbox-common.js

@@ -78,11 +78,16 @@ var Mapbox = (function (_super) {
     });
   };
 
-  // TODO add more of the API methods so they can be used from the XML map's "mapReady" event
+  // functions that can be called from the XML map's "mapReady" event
 	Mapbox.prototype.addMarkers = function (args) {
     mapbox.addMarkers(args, this.native);
 	};
 
+	Mapbox.prototype.setViewport = function (args) {
+    mapbox.setViewport(args, this.native);
+	};
+
+  // properties that can be set from XML
 	Object.defineProperty(Mapbox.prototype, "accessToken", {
 			set: function (value) {
         this.config.accessToken = value;

mapbox.android.js

@@ -587,10 +587,12 @@ mapbox.getViewport = function (arg) {
   });
 };
 
-mapbox.setViewport = function (arg) {
+mapbox.setViewport = function (arg, nativeMap) {
   return new Promise(function (resolve, reject) {
     try {
-      if (!mapbox.mapboxMap) {
+      var theMap = nativeMap || mapbox;
+
+      if (!theMap) {
         reject("No map has been loaded");
         return;
       }
@@ -603,7 +605,7 @@ mapbox.setViewport = function (arg) {
       var animated = arg.animated === undefined  || arg.animated;
       var padding = 25;
 
-      mapbox.mapboxMap.easeCamera(
+      theMap.mapboxMap.easeCamera(
         com.mapbox.mapboxsdk.camera.CameraUpdateFactory.newLatLngBounds(bounds, padding),
         animated ? 1000 : 0);
 

mapbox.ios.js

@@ -438,14 +438,16 @@ mapbox.getViewport = function (arg) {
   });
 };
 
-mapbox.setViewport = function (arg) {
+mapbox.setViewport = function (arg, nativeMap) {
   return new Promise(function (resolve, reject) {
     try {
-      if (!mapbox.mapView) {
+      var theMap = nativeMap || mapbox.mapView;
+
+      if (!theMap) {
         reject("No map has been loaded");
         return;
       }
-
+      
       var swCoordinate = CLLocationCoordinate2DMake(arg.bounds.south, arg.bounds.west);
       var neCoordinate = CLLocationCoordinate2DMake(arg.bounds.north, arg.bounds.east);
       var bounds = MGLCoordinateBounds;
@@ -455,7 +457,7 @@ mapbox.setViewport = function (arg) {
       var animated = arg.animated === undefined  || arg.animated;
       var padding = UIEdgeInsetsMake(25, 25, 25, 25);
 
-      mapbox.mapView.setVisibleCoordinateBoundsEdgePaddingAnimated(bounds, padding, animated);
+      theMap.setVisibleCoordinateBoundsEdgePaddingAnimated(bounds, padding, animated);
       resolve();
     } catch (ex) {
       console.log("Error in mapbox.setViewport: " + ex);