抓取 JSON 并将其映射到对象

Question

我想知道如何从我在线托管的链接中获取 JSON 数据。我正在尝试在服务中获取 lat 和 lng 坐标，然后在我的组件中使用它们。

JSON 格式类似于：

"devices"{[ "lat": 1234567 "lon": 1234567 ]}

我正在尝试像这样映射 JSON 对象：

 private busFeed = 'azure.com/file.json';

  constructor(private _http: HttpClient) {}


   getFirstDevice() {
     return this._http.get(this.busFeed).pipe(
      map(data => data),
      tap(data => console.log('Device Info: ' + JSON.stringify(data)))
     );
   }

而我的 TransportComponent 是这样的：

this._transportFeed.getFirstDevice()
  .subscribe(transportFeed => {
    this.devices = transportFeed;
  });

我面临的问题是，当我只想要纬度和经度坐标时，这是从 JSON 文档中获取所有信息。我希望在 .ts 文件中而不是在 .html 文件中显示，因为我想在地图的地图标记中绘制这些坐标。

Answer 1

this._transportFeed.getFirstDevice()
   .subscribe(transportFeed => {
      this.devices = transportFeed.map(obj => ({
          lat: transportFeed.lat,
          lon: transportFeed.lon
     })
  });

或

getFirstDevice() {
 return this._http.get(this.busFeed).pipe(
  map(data => ({ lat: data.lat, lon: data.lon})),
  tap(data => console.log('Device Info: ' + 
  JSON.stringify(data)))
 );
  }