在离子应用中显示Google地方的结果

时间:2018-03-15 11:45:29

标签: javascript angular typescript ionic-framework ionic3

我正在整合到Google地方以获取特定半径范围内的地点列表。我有的代码工作,但它只是显示给我一个问题的列表。我需要一个数组中的位置列表,以便我可以在HTML页面上显示它。目前,它使用的是document.getElementByID,它与离子效果不佳。

getRestaurants(){
    var request = {
        location: new google.maps.LatLng(this.lat, this.lon),
        radius: '50000',
        types: [this.category]
    };

    var places = document.getElementById('results');
    //remove the above line
    var service = new google.maps.places.PlacesService(places);
    //replace places above (places) with a variable that will be called in the html page eg. items
    service.nearbySearch(request, callback);

    function callback(results, status) {
        if (status == google.maps.places.PlacesServiceStatus.OK) {

            for (var i = 0; i < results.length; i++) {

                places.innerHTML += results[i].name + '<br/>';
                //change above to this.items = results[i].name
                console.log(results[i].name);

            }
        }
    }
}

请提出任何建议。

0 个答案:

没有答案