Google maps 在angular 2中集成google map api

Google maps 在angular 2中集成google map api,google-maps,angular,Google Maps,Angular,我正在尝试使用google map API在特定位置使用以下库查找医院: 我成功地在控制台中发出请求并显示结果,但我想将结果放入变量中,以便在html页面中使用ngFor显示结果,这就是我发现此问题的地方 这是我的密码: hospSearch_res:any[] = []; searchHospitals(){ console.log('Search works'); console.log(this.hosp_lat); console.log(this.hosp_lng); console.

我正在尝试使用google map API在特定位置使用以下库查找医院:

我成功地在控制台中发出请求并显示结果,但我想将结果放入变量中,以便在html页面中使用ngFor显示结果,这就是我发现此问题的地方

这是我的密码:

hospSearch_res:any[] = [];
searchHospitals(){
console.log('Search works');
console.log(this.hosp_lat);
console.log(this.hosp_lng);
console.log(this.hosp_rad);

var search_loc = new google.maps.LatLng(this.lat,this.lng);

var request = {
  location: search_loc,
  radius: '1000',
  types: ['hospital']
};

var service = new google.maps.places.PlacesService(document.getElementById('test'));
service.nearbySearch(request, this.callback);

}

callback(results, status) {
  if (status == google.maps.places.PlacesServiceStatus.OK) {
    // this.hospSearch_res = results;
    //let res = JSON.stringify(results);
    console.log(results);
    this.hospSearch_res = results;
    for (var i = 0; i < results.length; i++) {
      var place = results[i];
      //this.hospSearch_res.push(place);
      /*console.log(results[i]);
      console.log(results[i].name);*/

    }

  }
}
这是我与angular 2的第一个项目,我得到了这个问题的stcuk,任何帮助都将不胜感激。
谢谢

用arrow函数替换回调函数即可绑定:


它说这是未定义的..是的,这是错误。Karbos Response解决了te问题,谢谢大家嗨,我是angular 2的新手。你能帮忙吗?如何在angular2为谷歌地图提供服务?谢谢你的快速回复。显然,我在angular 2中还有很多东西要学。
var service = new 
google.maps.places.PlacesService(document.getElementById('test'));
service.nearbySearch(request, this.callback);

}

callback = (results, status) => { //Arrow Function Here !
  if (status == google.maps.places.PlacesServiceStatus.OK) {
    ...
  }
}