Angular 从API到AGM循环使用Lat和Long

Angular 从API到AGM循环使用Lat和Long,angular,typescript,ionic4,angular-google-maps,Angular,Typescript,Ionic4,Angular Google Maps,我有一个服务,可以告诉我最近地震事件的位置。我想用谷歌角地图中的圆心表示的纬度和长度。我该怎么做 以下是来自API调用的数据: 0: --geometry: ---coordinates: Array(3) ----0: (Lat here) ----1: (Long here) ----2: (additional numbers here) ---length: 3 -- id --propertries --type ` 我试过这

我有一个服务,可以告诉我最近地震事件的位置。我想用谷歌角地图中的圆心表示的纬度和长度。我该怎么做

以下是来自API调用的数据:

0:
--geometry:
   ---coordinates: Array(3)
       ----0: (Lat here)
       ----1: (Long here)
       ----2: (additional numbers here)
    ---length: 3
-- id
--propertries
--type  `
我试过这些:

*ngFor="let eqdata of data" [latitude]="eqdata.geometry.coordinates.0" [longitude]="eqdata.geometry.coordinates.1"

 &

*ngFor="let eqdata of data" [latitude]="eqdata.geometry.coordinates[0]" [longitude]="eqdata.geometry.coordinates[1]"
语法错了吗?我是爱奥尼亚的新手,非常感谢您的帮助

编辑:从API中添加完整的数据结构

编辑:数据结构的链接:

好的,看来您有两种不同的信息

异步管道是这样的,您可以传递一个可观察的,它将为您处理订阅和取消订阅

根据你在这个问题的另一个版本中的代码,这不是你的场景

您的其他问题代码有一个bug,因为

不过,要使用
|async
管道实现这一点,您需要做的是在
.subscribe()
之前将可观察到的内容传入

为此,您需要事先使用rxjs pipe+map(或switchMap)准备数据

例如,演示了如何在不订阅的情况下更改observable中的数据,以便在之后将其传递给异步管道

这几乎是我所能帮助的极限,因为这对我来说很复杂,我无法编写代码,除非我有一个演示,并通过试用和改进来解决它

我不完全确定您是否准确地描述了代码。您共享的屏幕截图:这是api返回内容的屏幕截图,还是转换后的
this.data
的屏幕截图?因为:

if (this.earthquake_status && this.earthquake_status.length)  {
  for(let i=0; i< this.earthquake_status.length; i++){
    this.data = res[0].features;
  }
}
if(this.seasure\u status&&this.seasure\u status.length){
for(设i=0;i
看起来它破坏了你的数据,而不是你给我们的截图


这个api是公开的吗

添加了一些反馈。感谢您的反馈!我尝试按照您的建议放置一个异步管道,但现在出现了以下错误:InvalidPipeArgument:“[object object],[object object object],[object object],[object object],[object object object],[object object object],[object object object],[object object object]对于管道“AsyncPipe”,我已经完全重写了我的答案,试图抓住这个问题。