google-maps - Google Place Photo 在限制引用者访问时返回 403

Question

步骤:

1. 创建新的 Google API key
2. 查看带有 Google Place Photo 的页面在 img 标签中
3. 显示请求的图像
4. 将“HTTP referrer”限制添加到键:https://example.com/ *
5. 在 img 标签中查看带有 Google 地方照片的页面
6. 返回 403 响应而不是 img

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

什么可能导致此问题？

Answer 1

位置自动完成是 Google Maps JavaScript API 的一部分，因此具有 HTTP 引用限制的 API key 运行良好。

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

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

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

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

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

查看文档以获取更多详细信息:

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

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