限制推荐人访问时，Google Place Photo 返回 403

Question

步骤：

1. 创建新的 Google API 密钥
2. 在 img 标签中查看带有Google Place Photo 的页面
3. 显示请求的图像
4. 为密钥添加“HTTP 引用者”限制：https://example.com/*
5. 在 img 标签中查看带有 Google Place Photo 的页面
6. 返回403响应而不是img

当为地点自动完成或地图使用相同的键时，一切仍然正常。我希望它也可以与 Place Photos 一起正常工作，但事实并非如此。

什么可能导致这个问题？

Answer 1

地点自动完成功能是 Google Maps JavaScript API 的一部分，因此具有 HTTP 引荐来源网址限制的 API 密钥效果很好。

Google 地点照片是 Places API 网络服务的一部分。 Web 服务仅支持 IP 地址限制，它们将因 API 密钥的 HTTP 引用限制而失败。

您可以在此处阅读适用于每个 API 的限制：

https://developers.google.com/maps/faq#keysystem

如果您的意图是在 JavaScript 代码中使用地点照片，您可以使用 getPlace 方法从自动完成中获取地点，如此 example 所示，并遍历 PlaceResult 对象的照片数组。

google.maps.places.PlacePhoto 对象提供了 getUrl() 方法，该方法返回地点照片的 URL。使用此方法获取图片的URL。

查看文档了解更多详情：

https://developers.google.com/maps/documentation/javascript/reference#PlacePhoto

place.photos.forEach(function (placePhoto) {
    var url = placePhoto.getUrl({
        maxWidth: 600,
        maxHeight: 400
    });
});