fix(directions): auto zoom on new stop/route (#874)

Co-authored-by: Pierre-Étienne Lord <[email protected]>
infra-geo-ouverte · Jun 4, 2021 · b9d3b1f · b9d3b1f
1 parent f42f242
commit b9d3b1f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/packages/geo/src/lib/directions/directions-form/directions-form-binding.directive.ts b/packages/geo/src/lib/directions/directions-form/directions-form-binding.directive.ts
@@ -7,6 +7,7 @@ import {
 } from '@angular/core';
 
 import { RouteService } from '@igo2/core';
+import { delay } from 'rxjs/operators';
 import { Directions } from '../shared/directions.interface';
 import { DirectionsService } from '../shared/directions.service';
 
@@ -57,9 +58,11 @@ export class DirectionsFormBindingDirective implements AfterViewInit {
               this.component.addStopOverlay(stopCoordinatesFromURL, cnt);
               cnt++;
             });
-            this.component.activeRoute$.subscribe((activeRoute) => {
-              this.getRoutes(activeRoute);
-            });
+            this.component.activeRoute$
+              .pipe(delay(250))
+              .subscribe((activeRoute) => {
+                this.getRoutes(activeRoute);
+              });
           }
         }
       });
@@ -93,6 +96,7 @@ export class DirectionsFormBindingDirective implements AfterViewInit {
             this.component.routesResults = route;
             if (!activeRoute) {
               this.component.activeRoute = route[0] as Directions;
+              this.component.showRouteGeometry(true);
               return;
             }
             this.component.showRouteGeometry(true);

diff --git a/packages/geo/src/lib/directions/directions-form/directions-form.component.ts b/packages/geo/src/lib/directions/directions-form/directions-form.component.ts
@@ -1015,7 +1015,7 @@ export class DirectionsFormComponent implements OnInit, OnDestroy {
   }
 
   getRoutes(
-    moveToExtent: boolean = true,
+    moveToExtent: boolean = false,
     directionsOptions: DirectionsOptions = {}
   ) {
     this.deleteStoreFeatureByID(this.routeStore, 'vertex');