时间戳

首页 > 解决方案 > 使用来自 https://maps.googleapis.com/maps/api/place/ 的图片

javascript - 使用来自 https://maps.googleapis.com/maps/api/place/ 的图片

问题描述

我已经成功地从 place api 获取了一个位置，并从那里收集了 photo_reference，我现在正试图将其传递给https://maps.googleapis.com/maps/api/place/但是当我这样做时，我只有一个失败的图像返回。

我还尝试从这里手动复制 photo_reference 键来尝试一下：https ://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522,151.1957362&radius=500&type=restaurant&keyword= Cruise &key=xxx并且这些 photo_references 似乎也不起作用。我认为我的关键可能是问题，但我已经设法转换了一个 photo_reference 并且当使用显示 gogle 接收磁盘的文档中的那个时。我究竟做错了什么？

我现在只将此 url 作为 src 放入显示错误图像的位置，但我也无法浏览这些图像。我尝试使用 fetch，然后我得到一个 Base 64 PNG 作为回报，但将其设置为我的图像的 src 也不起作用（似乎格式不正确）

The image I'm trying to use is https://maps.googleapis.com/maps/api/place/photo?photoreference=Aap_uEDqrqI3PdqjtllOq5nuQTmo6fR6nKnSQsLbk6rvkOpqQNagMT_E2V_KG-q4WJzjok4ZsqQpHn7Y-DUWjHx2M5mZT_IdfTO6xNTjIE7G4rt94yjHw-v8xuLuV7wyzgSnvPBHUB1zFDO70y2gUyAPeo1J8DdtKcc4DelHPEC10Ah_O14n &key=xxx

我应该如何显示来自 api 的照片？

标签： javascriptimagegoogle-maps

解决方案

您忘记在请求中包含必需的参数maxheight和maxwidth参数。供您参考，您可以查看 Places Photos 上的文档：https ://developers.google.com/maps/documentation/places/web-service/photos#place_photo_requests

Here is a working request with the maxheightand maxwidthparameters ( just put in your own API key ): https://maps.googleapis.com/maps/api/place/photo?photoreference=Aap_uEDqrqI3PdqjtllOq5nuQTmo6fR6nKnSQsLbk6rvkOpqQNagMT_E2V_KG-q4WJzjok4ZsqQpHn7Y-DUWjHx2M5mZT_IdfTO6xNTjIE7G4rt94yjHw-v8xuLuV7wyzgSnvPBHUB1zFDO70y2gUyAPeo1J8DdtKcc4DelHPEC10Ah_O14n&maxheight=600&maxwidth=600&key =xxx

推荐阅读