proximiio-js-library 1.6.2 → 1.6.3

package/README.md

@@ -119,6 +119,7 @@ const map = new Proximiio.Map({
     initPolygons: false, // optional, default: false, if enabled and yours geojson includes required data the map will show defined features as polygons with hover/click effect
     considerVisibilityParam: false, // optional, default: true, if enabled all pois with visibility property defined as 'hidden' will not be visible as default, will be possible to toggle them with toggleHiddenPois() method
     fitBoundsPadding: 200, // optional, default 250, number | PaddingOptions, the amount of padding in pixels to add to the given bounds for found route, https://docs.mapbox.com/mapbox-gl-js/api/properties/#paddingoptions
+    minFitBoundsDistance: 50, // optional, default 15, number, the minimum route length in meters to zoom into it's bounds, if length is smaller regular center change will be used
     showLevelDirectionIcon: false // optional, default: false, if enabled arrow icon will be shown at the levelchanger indicating direction of level change along the found route,
     showRasterFloorplans: false // optional, default: false, if enabled raster floorplans will be visible,
     animatedRoute: false // optional, default: false, EXPERIMENTAL, if enabled animated dot will be displayed along the route,

package/lib/components/map/main.d.ts

@@ -43,6 +43,7 @@ interface Options {
     zoomLevel?: number;
     considerVisibilityParam?: boolean;
     fitBoundsPadding?: number | PaddingOptions;
+    minFitBoundsDistance?: number;
     showLevelDirectionIcon?: boolean;
     showRasterFloorplans?: boolean;
     animatedRoute?: boolean;

package/lib/components/map/main.js

@@ -126,6 +126,7 @@ var Map = /** @class */ (function () {
             initPolygons: false,
             considerVisibilityParam: true,
             fitBoundsPadding: 250,
+            minFitBoundsDistance: 15,
             showLevelDirectionIcon: false,
             showRasterFloorplans: false,
             animatedRoute: false,
@@ -1225,10 +1226,10 @@ var Map = /** @class */ (function () {
                 var routePoints = helpers_1.lineString(this.routingSource.levelPoints[floor.level].map(function (i) { return i.geometry.coordinates; }));
                 var lengthInMeters = turf.length(routePoints, { units: 'kilometers' }) * 1000;
                 var bbox = turf.bbox(routePoints);
-                if (lengthInMeters > 15) {
+                if (lengthInMeters >= this.defaultOptions.minFitBoundsDistance) {
                     // @ts-ignore;
                     map.fitBounds(bbox, {
-                        padding: lengthInMeters < 80 ? 400 : this.defaultOptions.fitBoundsPadding,
+                        padding: this.defaultOptions.fitBoundsPadding,
                         bearing: this.map.getBearing(),
                         pitch: this.map.getPitch(),
                     });
@@ -1323,10 +1324,10 @@ var Map = /** @class */ (function () {
                 var routePoints = helpers_1.lineString(this.routingSource.levelPoints[this.state.floor.level].map(function (i) { return i.geometry.coordinates; }));
                 var lengthInMeters = turf.length(routePoints, { units: 'kilometers' }) * 1000;
                 var bbox = turf.bbox(routePoints);
-                if (lengthInMeters > 15) {
+                if (lengthInMeters >= this.defaultOptions.minFitBoundsDistance) {
                     // @ts-ignore;
                     this.map.fitBounds(bbox, {
-                        padding: lengthInMeters < 80 ? 400 : this.defaultOptions.fitBoundsPadding,
+                        padding: this.defaultOptions.fitBoundsPadding,
                         bearing: this.map.getBearing(),
                         pitch: this.map.getPitch(),
                     });