添加来自Google Places Review的审阅者图像

Question

我目前正在我的网站上使用这个jQuery插件，从我的Google Places账户中拉出一条单用户评论：

https://github.com/peledies/google-places (未修改)。

它工作得很好-但是我需要扩展代码，以某种方式拉入并显示我正在拉入的审阅者的头像/图像。

   <script>
        jQuery(document).ready(function() {
            jQuery("#google-reviews").googlePlaces({
                placeId: 'ChIJ_____....766FU3cfuE',
                render: ['reviews'],
                min_rating: 2,
                max_rows: 0,
                personsName: 'Jt D.'
            });
        });
    </script>

我需要扩展这一点，以包括我正在显示的单个评论的头像/图像。

我发现"profilePhotoUrl“在JSON (https://developers.google.com/my-business/reference/rest/v4/accounts.locations.reviews)的"reviewer”对象中，但我不知道如何将其添加到现有代码中。

Answer 1

在转来转去之后，我找到了以下解决方案。

在google-places.js中，找到renderReviews函数：

var renderReviews = function(reviews)

添加以下内容：

var img = reviews[i].profile_photo_url;

这将返回以URL形式存储在评论中的图像。然后，您可以将其添加到img html标记内的输出中：

if (name === plugin.settings.personsName) { html = html+" <img src="+ img +"> <div class='review-item'><div class='review-meta'><span class='review-author'>"+name+" | <span class='review-date'>"+date+"</span></div>"+stars+"<p class='review-text'>"+reviews[i].text+"</p></div>"
        }