如何使用javascript在网站上显示Google places评论

<div id="reviews-container"></div>

// 替换YOUR_API_KEY为你在步骤2中获取的API密钥
const apiKey = 'YOUR_API_KEY';

// 替换PLACE_ID为你想要获取评论的地点的ID
const placeId = 'PLACE_ID';

// 创建一个请求URL
const url = `https://maps.googleapis.com/maps/api/place/details/json?place_id=${placeId}&fields=reviews&key=${apiKey}`;

// 发送请求并处理响应
fetch(url)
  .then(response => response.json())
  .then(data => {
    const reviews = data.result.reviews;
    const reviewsContainer = document.getElementById('reviews-container');

    // 遍历评论并将其添加到容器中
    reviews.forEach(review => {
      const reviewElement = document.createElement('div');
      reviewElement.innerHTML = `
        <h3>${review.author_name}</h3>
        <p>${review.rating} stars</p>
        <p>${review.text}</p>
      `;
      reviewsContainer.appendChild(reviewElement);
    });
  })
  .catch(error => {
    console.error('Error:', error);
  });