Я использую веб-поток для отображения отзывов Google на своем веб-сайте с помощью Google API, на данный момент все в порядке, но вместо этого отображается 5 отзывов. Я хотел бы отображать только 2
Я уже код для отображения отзывовно можно ли добавить в мой код, чтобы отображались только 2 отзыва?
<script>
var map = document.getElementById('google-places');
function initMap() {
var service = new google.maps.places.PlacesService(map);
service.getDetails({
placeId: 'xxxxxxxxxxxxxxxxx'
}, function (places, status) {
if (status === google.maps.places.PlacesServiceStatus.OK) {
reviewsArray = [];
reviewsArray.push(places.reviews);
for (var key in reviewsArray) {
var arr = reviewsArray[key];
for (i = 0; i < arr.length; i++) {
var review = arr[i];
var author = review.author_name;
var when = review.relative_time_description;
var comment = review.text;
var starNumber = review.rating;
var starPercentage = `${(starNumber / 5) * 100}%`;
console.log(starPercentage);
var profilePic = review.profile_photo_url;
// console.log(author + ', ' + when + ', ' + comment + ', ' + rating + ', ' + profilePic);
document.getElementById ('google-place'). innerHTML + = `$ {author} ☆☆☆☆☆ ★★★★★
</div>
</div>
<div class="review-content-wrapper">
<div class="review-text">${comment}</div>
</div>
</div>
</div>
`
}
}
}
})
}
</script>
<!-- Replace XXX with your key that you created at https://console.cloud.google.com -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=xxxxxxxxxxxxxxxxx&libraries=places&callback=initMap">
</script>