proximiio-js-library 1.14.13 → 1.14.14

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/components/map/main.d.ts

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

package/lib/components/map/main.js

@@ -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) {
@@ -1190,6 +1194,10 @@ export class Map {
                 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,
+                });
             });
         }
     }