Google maps 在angular 2中集成google map api
我正在尝试使用google map API在特定位置使用以下库查找医院: 我成功地在控制台中发出请求并显示结果,但我想将结果放入变量中,以便在html页面中使用ngFor显示结果,这就是我发现此问题的地方 这是我的密码: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.
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) {
...
}
}