added sidebar with route information

2026-07-31 06:59:03 +02:00 · 2022-01-26 11:22:32 +01:00
parent 428e746f25
commit 6f8c33e45e
11 changed files with 113 additions and 71 deletions
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -3,4 +3,15 @@
  <p>{{title}}</p>
 </header>

-<div id="map" class="map"></div>
+<div id="map" class="map"></div>
+
+<div class="osrm-route-container">
+  <h4>Your Route Steps</h4>
+
+  <div class="route-list">
+    <div *ngFor="let step of this.routeSteps">
+      <p>{{step.maneuver?.type }} {{step.maneuver?.modifier }}</p>
+    </div>
+  </div>
+</div>
+