angular - 使用经纬度从 API 到 AGM 圈子

Question

我有一项服务可以提供最近地震事件的位置信息。我想在 Angular Google Maps 中使用上述 Lat&Long 作为圆心。我该怎么做？

这些是来自 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]"

语法错误吗？我是 ionic 的新手，非常感谢任何帮助!

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

编辑:数据结构链接: https://imgur.com/XSISJa3

Answer 1

好的，看来您有 same question running twice两者的信息略有不同？

异步管道让您可以传递一个可观察对象，它会为您处理订阅和取消订阅。

基于您在这个问题的其他版本中的代码，这不是您的场景。

您的其他问题代码有错误，因为 you need to unsubscribe .

使用 | 使其工作async 虽然是管道，但您需要做的是在 .subscribe() 之前传入可观察对象。

要使正常工作，您需要使用 rxjs pipe + map(或 switchMap)预先准备数据。

例如this answer展示了如何在不订阅的情况下更改可观察对象中的数据，以便之后可以将其传递给异步管道。

这几乎达到了我所能提供的帮助的极限，因为这对我来说很复杂，而且我无法编写代码，除非我有一个演示可以玩，并通过试验和改进来弄清楚。

我不确定您是否准确描述了您的代码。您分享的截图:是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;
  }
}

看起来它破坏了你的数据，而不是输出你给我们截图的例子。

这个 API 是公开的吗？