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/detail/detail.component.ts b/src/app/detail/detail.component.ts
old mode 100644
new mode 100755
index 8b64639..de09a39
--- a/src/app/detail/detail.component.ts
+++ b/src/app/detail/detail.component.ts
@@ -1,10 +1,13 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 
 @Component({
   selector: 'app-detail',
   templateUrl: './detail.component.html',
   styleUrls: ['./detail.component.css']
 })
-export class DetailComponent {
+export class DetailComponent implements OnInit{
+
+  ngOnInit(): void {
+  }
 
 }
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 0cb0d0f..e78472b 100644
--- a/src/app/home/home.component.ts
+++ b/src/app/home/home.component.ts
@@ -1,10 +1,18 @@
-import { Component } from '@angular/core';
+import {Component, OnInit} from '@angular/core';
 
 @Component({
   selector: 'app-home',
   templateUrl: './home.component.html',
   styleUrls: ['./home.component.css']
 })
-export class HomeComponent {
+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;
+    })
+  }
 
 }
diff --git a/src/app/list/list.component.ts b/src/app/list/list.component.ts
index a92a495..81829f7 100644
--- a/src/app/list/list.component.ts
+++ b/src/app/list/list.component.ts
@@ -1,10 +1,11 @@
-import { Component } from '@angular/core';
+import {Component, OnInit} from '@angular/core';
 
 @Component({
   selector: 'app-list',
   templateUrl: './list.component.html',
   styleUrls: ['./list.component.css']
 })
-export class ListComponent {
-
+export class ListComponent implements OnInit {
+  ngOnInit(): void {
+  }
 }