diff --git a/src/app/detail/detail.component.html b/src/app/detail/detail.component.html
index fd9463a..9340443 100644
--- a/src/app/detail/detail.component.html
+++ b/src/app/detail/detail.component.html
@@ -1 +1,7 @@
-<p>detail works!</p>
+<iframe
+  width="100%"
+  height="450"
+  frameborder="0" style="border:0"
+  src="https://www.google.com/maps/embed/v1/directions?key=API_KEY&origin=PARTENZA&destination=DESTINAZIONE&avoid=tolls|highways" allowfullscreen>
+</iframe>
+
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index c0cb16a..03e0e23 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -1,3 +1,4 @@
 <div class="bg-image">
   <input type="text" placeholder="Type here" class="input input-bordered input-primary w-full max-w-xs" />
 </div>
+
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts
index 120d63d..e78472b 100644
--- a/src/app/home/home.component.ts
+++ b/src/app/home/home.component.ts
@@ -6,7 +6,13 @@ import {Component, OnInit} from '@angular/core';
   styleUrls: ['./home.component.css']
 })
 export class HomeComponent implements OnInit {
+  latitude: number | undefined;
+  longitude: number | undefined;
   ngOnInit(): void {
+    navigator.geolocation.getCurrentPosition(position => {
+      this.latitude = position.coords.latitude;
+      this.longitude = position.coords.longitude;
+    })
   }
 
 }