diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
index 8f22df7..6e3ed95 100644
--- a/src/app/home/home.page.html
+++ b/src/app/home/home.page.html
@@ -7,26 +7,26 @@
-
+
Ciudad
- Medellin
- Pamplona
-
-
-
+ Medellin
+ Pamplona
-
-
-
- Calle
- carrera
-
-
-
+
+
+
+
+
+ Calle
+ carrera
+
+
+
+
@@ -34,8 +34,8 @@
-
-
+
+
Solicitar dirección
diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
index 8f22df7..6e3ed95 100644
--- a/src/app/home/home.page.html
+++ b/src/app/home/home.page.html
@@ -7,26 +7,26 @@
-
+
Ciudad
- Medellin
- Pamplona
-
-
-
+ Medellin
+ Pamplona
-
-
-
- Calle
- carrera
-
-
-
+
+
+
+
+
+ Calle
+ carrera
+
+
+
+
@@ -34,8 +34,8 @@
-
-
+
+
Solicitar dirección
diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss
index 8993e7c..81f47de 100644
--- a/src/app/home/home.page.scss
+++ b/src/app/home/home.page.scss
@@ -1,27 +1,24 @@
#container {
- text-align: center;
-
- position: absolute;
- left: 0;
- right: 0;
- top: 50%;
- transform: translateY(-50%);
+ text-align: center;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 50%;
+ transform: translateY(-50%);
}
#container strong {
- font-size: 20px;
- line-height: 26px;
+ font-size: 20px;
+ line-height: 26px;
}
#container p {
- font-size: 16px;
- line-height: 22px;
-
- color: #8c8c8c;
-
- margin: 0;
+ font-size: 16px;
+ line-height: 22px;
+ color: #8c8c8c;
+ margin: 0;
}
#container a {
- text-decoration: none;
+ text-decoration: none;
}
\ No newline at end of file
diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
index 8f22df7..6e3ed95 100644
--- a/src/app/home/home.page.html
+++ b/src/app/home/home.page.html
@@ -7,26 +7,26 @@
-
+
Ciudad
- Medellin
- Pamplona
-
-
-
+ Medellin
+ Pamplona
-
-
-
- Calle
- carrera
-
-
-
+
+
+
+
+
+ Calle
+ carrera
+
+
+
+
@@ -34,8 +34,8 @@
-
-
+
+
Solicitar dirección
diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss
index 8993e7c..81f47de 100644
--- a/src/app/home/home.page.scss
+++ b/src/app/home/home.page.scss
@@ -1,27 +1,24 @@
#container {
- text-align: center;
-
- position: absolute;
- left: 0;
- right: 0;
- top: 50%;
- transform: translateY(-50%);
+ text-align: center;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 50%;
+ transform: translateY(-50%);
}
#container strong {
- font-size: 20px;
- line-height: 26px;
+ font-size: 20px;
+ line-height: 26px;
}
#container p {
- font-size: 16px;
- line-height: 22px;
-
- color: #8c8c8c;
-
- margin: 0;
+ font-size: 16px;
+ line-height: 22px;
+ color: #8c8c8c;
+ margin: 0;
}
#container a {
- text-decoration: none;
+ text-decoration: none;
}
\ No newline at end of file
diff --git a/src/app/home/home.page.ts b/src/app/home/home.page.ts
index 7ecf766..3c600d9 100644
--- a/src/app/home/home.page.ts
+++ b/src/app/home/home.page.ts
@@ -17,38 +17,38 @@
///
/// Se agrego arreglo con abreviaturas de departamento y nombres de ciudad
public data = {
- direccion:"",
- ciudad:"",
- numero:"",
- casa:"",
- departamento:[{
- id:0,
- nombre:"Medellin",
- abreviatura:"ANTQ"
+ direccion: "",
+ ciudad: "",
+ numero: "",
+ casa: "",
+ departamento: [{
+ id: 0,
+ nombre: "Medellin",
+ abreviatura: "ANTQ"
},
{
- id:1,
- nombre:"Pamplona",
- abreviatura:"NS"
+ id: 1,
+ nombre: "Pamplona",
+ abreviatura: "NS"
}
- ],
+ ],
is_superuser: true
};
- constructor(private googleMap: GooglemapService) {}
+ constructor(private googleMap: GooglemapService) { }
- ngOnInit(){
+ ngOnInit() {
this.dir();
}
- dir(){
- this.googleMap.loadMap(this.data).then((data:any) => {
-
+ dir() {
+ this.googleMap.loadMap(this.data).then((data: any) => {
+
this.direccion = data.dir;
this.lat = data.lat;
this.lng = data.lng;
})
}
- send(){
+ send() {
}
diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
index 8f22df7..6e3ed95 100644
--- a/src/app/home/home.page.html
+++ b/src/app/home/home.page.html
@@ -7,26 +7,26 @@
-
+
Ciudad
- Medellin
- Pamplona
-
-
-
+ Medellin
+ Pamplona
-
-
-
- Calle
- carrera
-
-
-
+
+
+
+
+
+ Calle
+ carrera
+
+
+
+
@@ -34,8 +34,8 @@
-
-
+
+
Solicitar dirección
diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss
index 8993e7c..81f47de 100644
--- a/src/app/home/home.page.scss
+++ b/src/app/home/home.page.scss
@@ -1,27 +1,24 @@
#container {
- text-align: center;
-
- position: absolute;
- left: 0;
- right: 0;
- top: 50%;
- transform: translateY(-50%);
+ text-align: center;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 50%;
+ transform: translateY(-50%);
}
#container strong {
- font-size: 20px;
- line-height: 26px;
+ font-size: 20px;
+ line-height: 26px;
}
#container p {
- font-size: 16px;
- line-height: 22px;
-
- color: #8c8c8c;
-
- margin: 0;
+ font-size: 16px;
+ line-height: 22px;
+ color: #8c8c8c;
+ margin: 0;
}
#container a {
- text-decoration: none;
+ text-decoration: none;
}
\ No newline at end of file
diff --git a/src/app/home/home.page.ts b/src/app/home/home.page.ts
index 7ecf766..3c600d9 100644
--- a/src/app/home/home.page.ts
+++ b/src/app/home/home.page.ts
@@ -17,38 +17,38 @@
///
/// Se agrego arreglo con abreviaturas de departamento y nombres de ciudad
public data = {
- direccion:"",
- ciudad:"",
- numero:"",
- casa:"",
- departamento:[{
- id:0,
- nombre:"Medellin",
- abreviatura:"ANTQ"
+ direccion: "",
+ ciudad: "",
+ numero: "",
+ casa: "",
+ departamento: [{
+ id: 0,
+ nombre: "Medellin",
+ abreviatura: "ANTQ"
},
{
- id:1,
- nombre:"Pamplona",
- abreviatura:"NS"
+ id: 1,
+ nombre: "Pamplona",
+ abreviatura: "NS"
}
- ],
+ ],
is_superuser: true
};
- constructor(private googleMap: GooglemapService) {}
+ constructor(private googleMap: GooglemapService) { }
- ngOnInit(){
+ ngOnInit() {
this.dir();
}
- dir(){
- this.googleMap.loadMap(this.data).then((data:any) => {
-
+ dir() {
+ this.googleMap.loadMap(this.data).then((data: any) => {
+
this.direccion = data.dir;
this.lat = data.lat;
this.lng = data.lng;
})
}
- send(){
+ send() {
}
diff --git a/src/app/services/googlemap.service.ts b/src/app/services/googlemap.service.ts
index 24add89..4fc07a7 100644
--- a/src/app/services/googlemap.service.ts
+++ b/src/app/services/googlemap.service.ts
@@ -15,18 +15,18 @@
private geolocation: Geolocation,
private http: HttpClient,
private alertController: AlertController
- ) {}
+ ) { }
-
- async loadMap(direccion:any) {
+
+ async loadMap(direccion: any) {
console.log("serviceeeeee")
- const myLatLng: any = await this.getLocation();
- this.data.latitud = myLatLng.lat;
- this.data.longitud = myLatLng.lng;
+ const myLatLng: any = await this.getLocation();
+ this.data.latitud = myLatLng.lat;
+ this.data.longitud = myLatLng.lng;
- let data = await this.direccion(direccion);
- return data;
+ let data = await this.direccion(direccion);
+ return data;
}
private async getLocation() {
@@ -37,39 +37,41 @@
};
}
- private async verificationLocation() {}
+ private async verificationLocation() { }
/// Permite obtener la direccion y el barrio a partir de las coordenadas
- private direccion(direccion:any) {
+ private direccion(direccion: any) {
console.log(direccion)
return new Promise((resolve, reject) => {
const lat = this.data.latitud;
const long = this.data.longitud;
let idCiudad = direccion.ciudad;
- let ciudad =""
+ let ciudad = ""
+ let dir = "";
let abrebiatura = "";
let numero = direccion.numero;
let casa = direccion.casa;
- if(idCiudad!=""){
+ if (idCiudad != "") {
ciudad = direccion.departamento[idCiudad].nombre
- abrebiatura = direccion.departamento[idCiudad].abreviatura
- console.log(ciudad+" "+abrebiatura)
+ abrebiatura = direccion.departamento[idCiudad].abreviatura
+ dir = direccion.direccion;
+ console.log(ciudad + " " + abrebiatura)
}
-
+
this.http
.get<{ status: string; results: any[] }>(
- `https://maps.googleapis.com/maps/api/geocode/json?address=CL+`+numero+`+`+casa+``+ciudad+`,
- +`+abrebiatura+`,+CO&key=${this.TU_LLAVE}`,
+ `https://maps.googleapis.com/maps/api/geocode/json?address=` + dir + `+` + numero + `+` + casa + `+` + ciudad + `,
+ +`+ abrebiatura + `,+CO&key=${this.TU_LLAVE}`,
{ responseType: 'json' }
)
.subscribe((e) => {
if (e.status === 'OK') {
- // console.log(e.results[0].geometry.location)
+ // console.log(e.results[0].geometry.location)
// this.data.direccion = e.results[0].formatted_address;
//lat = e.results[0].geometry.location.lat
- const lat = e.results[0].geometry.location.lat
- const long = e.results[0].geometry.location.lng
+ const lat = e.results[0].geometry.location.lat
+ const long = e.results[0].geometry.location.lng
// this.data.barrio = e.results[0].address_components[2].long_name;
resolve({
dir: e.results[0].formatted_address,