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

使用JavaScript在网站上显示Google Places评论可以通过以下步骤实现：

首先，你需要在Google Cloud平台上创建一个项目，并启用Places API。你可以在Google Cloud控制台中创建一个新项目，并在API库中启用Places API。
在启用Places API后，你需要获取一个API密钥。在Google Cloud控制台的API和服务部分，你可以创建一个新的API密钥。确保将密钥限制为只能访问Places API。
在你的网站的HTML文件中，你需要添加一个用于显示评论的容器元素。例如，你可以在HTML文件中添加一个具有特定ID的div元素，如下所示：

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

接下来，你需要在JavaScript文件中编写代码来获取并显示评论。你可以使用Google Places API提供的Place Details请求来获取特定地点的评论。以下是一个使用JavaScript和Google Places API的示例代码：

// 替换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);
  });

请注意，上述代码中的PLACE_ID应替换为你想要获取评论的地点的实际ID。