Angular Observable中的多个Observable未按预期解决

在我看来，我有一个简单的问题，我只是没有足够的Rx经验

ngOnInit() {
this.agentService.getAllAgents().subscribe((agents: Agent[]) => {
  this.agents = agents.sort((x: Agent, y: Agent) =>
    Number(new Date(x.date)) - Number(new Date(y.date)));

  for (const agent of this.agents) {
    forkJoin(this.geoLocator.find(agent.address)).subscribe(results => {
      for (const coordinates of results) {
        agent.distance = this.getDistance(<Coordinates>environment.google.COORDINATES, coordinates, Unit.km);
      }
    });
  }
  console.log(this.agents[0]);
  console.log(JSON.stringify(this.agents[0]); 
});

}

这就是我得到的结果

问题是如何以及为什么？

公共财政：代理人：可观察{ 返回此.http.get`${environment.google.BASE\u URL}${agent.address}` .mapresponse=>{ 常数坐标={ 纬度：响应['results'][0]。geometry.location.lat， 经度：响应['results'][0]。geometry.location.lng }; agent.distance=this.getDistanceenvironment.google.COORDINATES，COORDINATES，Unit.km； 退货代理； };

---

}避免嵌套subscribes@Jota.Toledo你有什么建议？