Google Maps Platform 服务器拒绝了您的请求。非法请求。 “大小”参数无效

Question

我在与动态地址属性 {SitusAddress} 绑定的网络地图应用程序中有一个指向谷歌街景的链接

链接作为 img src 嵌入到同一位置，但作为网页上的小图像

img src='https://maps.googleapis.com/maps/api/streetview?size=270x150&location=${SitusAddress}&fov=120&pitch=-5

注意 270x150 的尺寸参数。这使得图像相当小。单击图像时，我希望另一个选项卡以相同的街景打开，但在谷歌地图中占据整个页面，例如如果你在谷歌地图中并点击街景会发生什么。我试过没有尺寸参数，尺寸=100%x100%

<hr><a href=https://maps.googleapis.com/maps/api/streetview?size=100%x100%&location=${SitusAddress} target='_blank'>

如何实现不是静态尺寸的尺寸参数？

Answer 1

您需要动态计算所需图像的大小（以像素为单位），并将基于像素的大小提供给 API。

documentation 的大小是必需的，以像素为单位：

• size 指定图像的输出大小（以像素为单位）。尺寸指定为 {width}x{height} - 例如，size=600x400 返回 600 像素宽和 400 像素高的图像。