获取谷歌地图详细信息上的所有图像

Question

[IONIC 3] [谷歌地点详情]我正在尝试获取"客户端"中包含的所有图像，直到我可以在控制台中显示图像，但在 html 中它只显示一个，我做错了什么？

功能：

photo(place) {
 var photos = place.photos;
 if (!photos) {
  return '';
 }
 for (let i = 0; photos[i]; i++) {
  return '<img src="'+ photos[i].getUrl({ 'maxWidth': 2000, 'maxHeight': 1000 }) +'"/>';
  //console.log('<img src="'+ photos[i].getUrl({ 'maxWidth': 500, 'maxHeight': 500 }) +'"/>' )
 }
}

没有网页：

<div id="foto" [innerHTML]="item.photo"></div>

Answer 1

循环完成后，您应该通过将图像标记连接到变量来返回。

var images = ''
for (let i = 0; photos[i]; i++) {
  images = images + '<img src="'+ photos[i].getUrl({ 'maxWidth': 2000, 'maxHeight': 1000 }) +'"/>';
}
return images;

或者，您可以将 URL 作为数组返回，并在视图部分处理它们。