My service includes a function that retrieves the user's current location using latitude and longitude coordinates. I am attempting to send this information to my server in order to incorporate it into a query. However, my post request does not appear to be functioning correctly. Below is an excerpt from my appInitializer module demonstrating how this function is invoked.
eventServer.js
router.get('/ticketmaster-events', (req, res) => {
/* including it in this query */
axios.get('http://app.ticketmaster.com/discovery/v2/events.json?apikey=hneV7jzq6Uz7IyQC7GtEHz5s2nTsU6Jm&size=200')
.then(res2 => {
res.send(res2.data._embedded.events)
})
.catch(err => res.send(err))
});
router.route('/currentLatLong').post((req, res, next) => {
console.log("hello this test")
try{
res.end("response is " + req.body);
console.log(req);
}
catch(err) {
res.send(err);
}
});
google.service.ts
export class GoogleService {
uri = 'http://localhost:4000';
public currentLat: number;
public currentLng: number;
public currentLatLong: any = [];
getUserLocation() {
/* locating the User */
if (navigator.geolocation) {
console.log('good');
navigator.geolocation.getCurrentPosition(position => {
this.currentLat = position.coords.latitude;
this.currentLng = position.coords.longitude;
this.data.latitudeSource.next(this.currentLat);
this.data.longitudeSource.next(this.currentLng);
const currentLatLong = {
latitude : this.currentLat,
longitude: this.currentLng
};
console.log(currentLatLong);
return this.http.post(`${this.uri}/currentLatLong`, JSON.stringify(currentLatLong)).subscribe(response => {
console.log('your response is here', JSON.stringify(response));
},
error => {
console.log('error occured', error);
});
});
} else {
console.log('bad');
}
}
constructor(private data: DataService, private http: HttpClient) { }
}
appInitializer.module.ts
import { NgModule, APP_INITIALIZER } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { TicketMasterService } from '../../services/tmService/ticket-master.service';
import { GoogleService } from '../../services/googleService/google.service';
export function fetchTmData(tmService: TicketMasterService) {
return () => tmService.fetchTmData();
}
export function getUserLocation(googleService: GoogleService) {
return () => googleService.getUserLocation();
}
@NgModule({
imports: [HttpClientModule],
providers: [
TicketMasterService,
GoogleService,
{ provide: APP_INITIALIZER, useFactory: fetchTmData, deps: [TicketMasterService], multi: true },
{ provide: APP_INITIALIZER, useFactory: getUserLocation, deps:[GoogleService], multi: true }
]
})
export class AppLoadModule { }