Angular 从API到AGM循环使用Lat和Long
我有一个服务,可以告诉我最近地震事件的位置。我想用谷歌角地图中的圆心表示的纬度和长度。我该怎么做 以下是来自API调用的数据: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 ` 我试过这
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”,我已经完全重写了我的答案,试图抓住这个问题。