Javascript 了解Google Places Photos API的响应

我正在使用jQueryAjax调用，并根据前面检索到的照片引用检索响应。请求似乎正在通过，但我不理解响应的格式/如何将其转换为图像

$.ajax({
        url: 'https://cors-anywhere.herokuapp.com/https://maps.googleapis.com/maps/api/place/photo?maxwidth=400&photoreference=CnRvAAAAwMpdHeWlXl-lH0vp7lez4znKPIWSWvgvZFISdKx45AwJVP1Qp37YOrH7sqHMJ8C-vBDC546decipPHchJhHZL94RcTUfPa1jWzo-rSHaTlbNtjh-N68RkcToUCuY9v2HNpo5mziqkir37WU8FJEqVBIQ4k938TI3e7bf8xq-uwDZcxoUbO_ZJzPxremiQurAYzCTwRhE_V0&key=myKey',
        method: 'GET'
    })
    .then(function(imageResponse) {
        console.log("Image response", imageResponse);
    })

输出的格式如下所示

����JFIF��*出口*1谷歌��XICC_PROFILEHappl scnrRGB XYZ�acspAPPLappl���-应用 rXYZgXYZbXYZ0wtptDchadX，rTRC�gTRC�bTRC�描述�ncprt�Adscm��XYZ tK>�XYZ Zs��&XYZ（W�3XYZ�R�sf32B����&�������������lcurv3mlucenUS$�esES，LdaDK4�黛德，�菲菲(�frFU如果使用客户端JavaScript进行编码，则应使用JavaScript API的Places库中的，以避免来自同一来源策略的CORS错误

否则，您从中获得的图像可以直接添加到

另请参见以下相关问题：

---

希望这能有所帮助！

我已经挖掘这个问题两天了，正在寻找使用cors到Google Places Api（照片）正确获取的方法

我一点也不知道，该死，所有这些都是完全错误的方法。根本不需要获取

。。。
让checkedPhoto=spot.photos[0]。photo_引用；
选中照片=`https://maps.googleapis.com/maps/api/place/photo?maxwidth=300&photoreference=${checkedPhoto}&key=${apiKey}`；
…

看起来像JPEG图片。JavaScript控制台不擅长打印二进制数据，但您的程序在这方面应该不会有任何困难。

<img src="https://maps.googleapis.com/maps/api/place/photo?maxwidth=400&photoreference=CnRvAAAAwMpdHeWlXl-lH0vp7lez4znKPIWSWvgvZFISdKx45AwJVP1Qp37YOrH7sqHMJ8C-vBDC546decipPHchJhHZL94RcTUfPa1jWzo-rSHaTlbNtjh-N68RkcToUCuY9v2HNpo5mziqkir37WU8FJEqVBIQ4k938TI3e7bf8xq-uwDZcxoUbO_ZJzPxremiQurAYzCTwRhE_V0&key=YOUR_API_KEY"></img>