Busco os lugares próximos com nearbySearch()
, que retorna um array de objetos, desse retorno uso o place_id
para buscar os detalhes getDetails()
, que retorna um objeto "place"
. Dentro de um loop quando vou atribuir o valor de place para this.detalhes[i]
da esse erro.
TypeError: _this.detalhes is undefined
Segue o código
declare var google;
@Injectable()
export class JsMapsProvider {
map: any;
places : Array<any>;
detalhes: Array<any>;
constructor(public geolocation : Geolocation) { }
init(location, element){
let latLng = new google.maps.LatLng(location.latitude, location.longitude);
let opts = {
center: latLng,
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
this.map = new google.maps.Map(element.nativeElement, opts);
this.getFarmas(latLng).then( (results : Array<any>)=>{
this.places = results;
console.log(this.places);
for(let i = 0 ;i < results.length ; i++)
{
//loop para pegar valor bool e verificar se está aberta ou não e usar no marcador
for(let i = 0 ;i < results.length ; i++){
if(results[i].opening_hours == null){
results[i].aberto = 'Não há informações sobre o horário de funcionamento';
}else if(!results[i].opening_hours.open_now){
results[i].aberto = 'Fechado neste momento';
}else{
results[i].aberto = 'Aberto neste momento';
}
}
var service = new google.maps.places.PlacesService(this.map);
var request = {
placeId: results[i].place_id,
//fields: ['formatted_phone_number']
};
service.getDetails(request,(place , status)=>{
if (status === google.maps.places.PlacesServiceStatus.OK) {
if(place.formatted_phone_number == null){
place.formatted_phone_number = 'Telefone não cadastrado';
}
this.detalhes[i] = place;
}
}
);
this.createMarker(results[i]);
console.log(this.detalhes);
}
},(status)=>console.log(status));
this.addMarker(this.map);
}
getFarmas(latLng){
var service = new google.maps.places.PlacesService(this.map);
let request = {
location : latLng,
//radius : 2000 ,
types: ['pharmacy'],
rankBy: google.maps.places.RankBy.DISTANCE
};
return new Promise((resolve,reject)=>{
service.nearbySearch(request,function(results,status){
if(status === google.maps.places.PlacesServiceStatus.OK)
{
resolve(results);
console.log(results);
}else
{
reject(status);
}
});
});
}
this.detalhes.push(places)
outhis.detalhes = places
?