使用js和谷歌地图api v3(地点库)解析地点照片

Sph*_*ech 3 javascript google-maps google-maps-api-3

我正在开发一个网站,可以显示几个地方的照片。我得到的照片是这样的:

var photos = typeof place.photos !== 'undefined' ? place.photos[0].getUrl({ 'maxWidth': 100, 'maxHeight': 125 }) : '';
if (photos.length) {//...//}
Run Code Online (Sandbox Code Playgroud)

不幸的是,当我想显示照片时,它们的清晰度非常糟糕:

在此输入图像描述

注意:我用w3schools 幻灯片显示照片,并将照片设置如下:

var images = document.getElementById("PhotoFond").getElementsByTagName("img");
for (i=0; i<images.length; i++;) {

    if (!photosSlide[i]) {return;}
    images[n - 1].src = photosSlide[i];

}
Run Code Online (Sandbox Code Playgroud)

然而,当我去谷歌地图并找到同一张照片(链接到同一张照片)时,质量更好。

在此输入图像描述

我怎样才能有相同的分辨率?

Con*_*ine 5

文档

photos[]:PlacePhoto 对象的数组。PlacePhoto 可用于通过 getUrl() 方法获取照片,或者您可以检查对象的以下值:

height:图像的最大高度,以像素为单位。

width:图像的最大宽度,以像素为单位。

html_attributions:与该地点照片一起显示的属性文本。

.getUrl({ 'maxWidth': 1000, 'maxHeight': 1250 }) // Just set higher resolution, no?
Run Code Online (Sandbox Code Playgroud)

google-place-api-placedetails-照片参考