map bouds support

@@ -21,10 +21,10 @@ export default abstract class LeafletMap {
     ready$: Observable<L.Map> = this.map$.pipe(filter(map => !!map));
     options: MapOptions;
     isMarketCluster;
+    bounds: L.LatLngBounds;
 
 
     constructor($container: HTMLElement, options: MapOptions) {
-        console.log("LeafletMap -> constructor -> options", options)
         this.options = options;
     }
 
@@ -52,6 +52,11 @@ export default abstract class LeafletMap {
 
     public setMap(map: L.Map) {
         this.map = map;
+        if (this.options.useDefaultCenterPosition) {
+            this.map.panTo(this.options.defaultCenterPosition);
+            this.bounds = map.getBounds();
+        }
+        else this.bounds = new L.LatLngBounds(null, null)
         this.map$.next(this.map);
     }
 
@@ -147,7 +152,9 @@ export default abstract class LeafletMap {
             let defaultSettings: MarkerSettings = {
                 color: '#FD2785'
             }
-            this.markers.set(key, new Marker(this.map, location, { ...defaultSettings, ...settings }))
+            const newMarker = new Marker(this.map, location, { ...defaultSettings, ...settings });
+            this.map.fitBounds(this.bounds.extend(newMarker.leafletMarker.getLatLng()));
+            this.markers.set(key, newMarker);
         });
     }
 
@@ -172,7 +179,6 @@ export default abstract class LeafletMap {
         }
 
         else {
-            this.map$
             this.createPolyline(polyData.map(data => this.convertPosition(data)), this.options);
         }
 
@@ -187,8 +193,13 @@ export default abstract class LeafletMap {
     }
 
     createPolyline(locations, settings) {
-        this.ready$.subscribe(() =>
-            this.poly = new Polyline(this.map, locations, settings)
-        )
+        this.ready$.subscribe(() => {
+            this.poly = new Polyline(this.map, locations, settings);
+            const bounds = this.bounds.extend(this.poly.leafletPoly.getBounds());
+            if (bounds.isValid()) {
+                this.map.fitBounds(bounds);
+                this.bounds = bounds;
+            }
+        });
     }
 }
\ No newline at end of file

+import { LatLngExpression } from 'leaflet';
+
 export interface MapOptions {
     initCallback?: Function,
     defaultZoomLevel?: number,
@@ -11,8 +13,9 @@ export interface MapOptions {
     mapProvider: MapProviders,
     mapUrl?: string;
     credentials?: any, // declare credentials format
-    defaultCenterPosition?: L.LatLngExpression,
-    markerClusteringSetting?
+    defaultCenterPosition?: LatLngExpression,
+    markerClusteringSetting?,
+    useDefaultCenterPosition?: boolean
 }
 
 export enum MapProviders {

@@ -55,9 +55,7 @@ TbMapWidgetV2 = class TbMapWidgetV2 implements MapWidgetInterface {
     onInit() {
     }
 
-    update() {  
-        console.log(this.data,parseData(this.data) );
-              
+    update() {                
         if (this.drawRoutes)
             this.map.updatePolylines(parseArray(this.data));
         this.map.updateMarkers(parseData(this.data));

@@ -113,7 +113,7 @@ const canonicalTitleMap = (titleMap: any, originalEnum?: string[]): { name: stri
 
 const stdFormObj = (name: string, schema: any, options: DefaultsFormOptions): any => {
   options = options || {};
-  const f = options.global && options.global.formDefaults ? _.cloneDeep(options.global.formDefaults) : {};
+  const f: any = options.global && options.global.formDefaults ? _.cloneDeep(options.global.formDefaults) : {};
   if (options.global && options.global.supressPropertyTitles === true) {
     f.title = schema.title;
   } else {