proximiio-js-library 1.14.13 → 1.14.15

package/README.md

@@ -461,7 +461,16 @@ const map = new Proximiio.Map({
 
    // Only features within defined bounds will be retrieved from API, optional
    // [[topleft lng, lat], [bottomright lng, lat]]
-   featuresMaxBounds: [[-73.9876, 40.7661], [-73.9397, 40.8002]]
+   featuresMaxBounds: [[-73.9876, 40.7661], [-73.9397, 40.8002]],
+
+   // If defined map data will be fetched from the defined url
+   bundleUrl: 'https://your-data.com/bundle',
+
+   // Map features will be fetched with parallel request queue from the bundle url
+   bundlePaginate: true,
+
+   // Map features will be fetched with parallel request queue from the api
+   apiPaginate: true
 });
 ```
 

package/lib/common.d.ts

@@ -1,4 +1,5 @@
 import Feature from './models/feature';
+import { LngLatBoundsLike } from 'maplibre-gl';
 export declare const axios: import("axios").AxiosInstance;
 export declare const camelToKebab: (input: string) => string;
 export declare const kebabToCamel: (input: string) => string;
@@ -36,4 +37,5 @@ declare const optimizeFeatures: (features: Feature[]) => {
     properties: any;
 }[];
 declare const isLevelChanger: (poi: Feature) => boolean;
-export { calculateDimensions, convertToRTL, base64toBlob, throttle, filterByAmenity, validateLabelLine, optimizeFeatures, isLevelChanger, };
+declare const pointInBounds: (point: [number, number], bounds: LngLatBoundsLike) => boolean;
+export { calculateDimensions, convertToRTL, base64toBlob, throttle, filterByAmenity, validateLabelLine, optimizeFeatures, isLevelChanger, pointInBounds, };

package/lib/common.js

@@ -263,4 +263,36 @@ const isRamp = (poi) => {
 const isLevelChanger = (poi) => {
     return isElevator(poi) || isEscalator(poi) || isStairCase(poi) || isRamp(poi);
 };
-export { calculateDimensions, convertToRTL, base64toBlob, throttle, filterByAmenity, validateLabelLine, optimizeFeatures, isLevelChanger, };
+const pointInBounds = (point, bounds) => {
+    let minLng;
+    let minLat;
+    let maxLng;
+    let maxLat;
+    // Normalize bounds to [minLng, minLat, maxLng, maxLat]
+    if (Array.isArray(bounds[0])) {
+        // [[west, south], [east, north]]
+        const b = bounds;
+        minLng = Math.min(b[0][0], b[1][0]);
+        minLat = Math.min(b[0][1], b[1][1]);
+        maxLng = Math.max(b[0][0], b[1][0]);
+        maxLat = Math.max(b[0][1], b[1][1]);
+    }
+    else if (Array.isArray(bounds) && bounds.length === 4) {
+        // [west, south, east, north]
+        [minLng, minLat, maxLng, maxLat] = bounds;
+    }
+    else if (typeof bounds.getWest === 'function') {
+        // Mapbox's LngLatBounds instance
+        const b = bounds;
+        minLng = b.getWest();
+        minLat = b.getSouth();
+        maxLng = b.getEast();
+        maxLat = b.getNorth();
+    }
+    else {
+        throw new Error('Invalid bounds format');
+    }
+    const [lng, lat] = point;
+    return lng >= minLng && lng <= maxLng && lat >= minLat && lat <= maxLat;
+};
+export { calculateDimensions, convertToRTL, base64toBlob, throttle, filterByAmenity, validateLabelLine, optimizeFeatures, isLevelChanger, pointInBounds, };

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

@@ -178,6 +178,8 @@ export interface Options {
         autoTrigger?: boolean;
         autoLocate?: boolean;
         position?: 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';
+        zoom?: number;
+        maxBounds?: LngLatBoundsLike;
     };
     language?: string;
     routeColor?: string;

package/lib/components/map/main.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import maplibregl from 'maplibre-gl';
-import { axios, optimizeFeatures } from '../../common';
+import { axios, optimizeFeatures, pointInBounds } from '../../common';
 import { addFeatures, deleteFeatures, getAmenities, getAmenitiesBundle, getFeatures, getFeaturesBundle, } from '../../controllers/geo';
 import { PlaceModel } from '../../models/place';
 import { FloorModel } from '../../models/floor';
@@ -232,6 +232,7 @@ export class Map {
                 autoTrigger: true,
                 autoLocate: true,
                 position: 'top-right',
+                zoom: 17,
             },
             language: 'en',
             routeWithDetails: true,
@@ -1164,6 +1165,9 @@ export class Map {
                 },
                 showAccuracyCircle: false,
                 trackUserLocation: true,
+                fitBoundsOptions: {
+                    maxZoom: this.defaultOptions.geolocationControlOptions.zoom,
+                },
             });
             this.map.addControl(geolocate, this.defaultOptions.geolocationControlOptions.position);
             if (this.defaultOptions.geolocationControlOptions.autoTrigger) {
@@ -1187,9 +1191,26 @@ export class Map {
                 });
             }
             geolocate.on('geolocate', (data) => {
+                if (this.defaultOptions.geolocationControlOptions.maxBounds &&
+                    !pointInBounds([data.coords.longitude, data.coords.latitude], this.defaultOptions.geolocationControlOptions.maxBounds)) {
+                    this.map.stop();
+                    return;
+                }
                 this.startPoint = point([data.coords.longitude, data.coords.latitude], {
                     level: this.state.floor.level,
                 });
+                this.map.flyTo({
+                    center: [data.coords.longitude, data.coords.latitude],
+                    zoom: this.defaultOptions.geolocationControlOptions.zoom,
+                });
+            });
+            geolocate.on('trackuserlocationstart', (data) => {
+                const position = data.target._lastKnownPosition.coords;
+                if (this.defaultOptions.geolocationControlOptions.maxBounds &&
+                    !pointInBounds([position.longitude, position.latitude], this.defaultOptions.geolocationControlOptions.maxBounds)) {
+                    this.map.stop();
+                    return;
+                }
             });
         }
     }