Angular Google Maps API

Question

日安！我有一个有谷歌地图的角度项目。我想使用api中的数据在我的google地图上放置一个标记。

这是我在angular中的home.component.ts代码：

export class HomeComponent implements OnInit {
  lat: string = '';
  lng: string = '';
  location: Object;

  constructor(private data: DataService) { }

  ngOnInit() {
    this.data.getLocation().subscribe( data => {
      this.location = data
      console.log(data)
      this.lat = data.latitude;
      this.lng = data.longitude; 
      }
    );
  }

它可以从具有单个对象的api中放置一个标记，如下所示：

{
    "country": "US",
    "country_name": "United States",
    "continent_code": "NA",
    "in_eu": false,
    "postal": "94035",
    "latitude": 37.386,
    "longitude": -122.0838,
}

它可以在谷歌地图上绘制经度和纬度。但是当我使用我的api时，它不能在我的api中获得纬度和经度，因为它在一个数组中，如下所示：

[
    {
        "bridge_id": 2147483647,
        "bridge_name": "DASAD",
        "bridge_description": "Concrete",
        "bridge_region": "NCR",
        "latitude": "14.5905",
        "longitude": "120.9781",
        "created_at": "2019-02-13 07:17:31",
        "updated_at": "2019-02-13 07:17:31"
    }
]

我真的需要从数组内的api中获取纬度和经度。任何帮助都将不胜感激。谢谢!

Answer 1

如下所示进行尝试：

 ngOnInit() {
    this.data.getLocation().subscribe( data => {
      this.location = data[0].
      console.log(data)
      this.lat = this.location.latitude;
      this.lng = this.location.longitude; 
      }
    );
  }