google-maps-api-3 - Google Places 照片 getUrl() 正在破坏我的 javascript

Question

我有以下 javascript：

function callback(results, status) {
  if (status == google.maps.places.PlacesServiceStatus.OK) {
    for (var i = 0; i < results.length; i++) {
      place = new Object ({
        name: results[i].name,
        photo: results[i].photos[0].getUrl({'maxWidth': 100, 'maxHeight': 100}),
        loc: results[i].geometry.location,
        rating: results[i].rating,
      })
      places.push(place);
      var marker = new google.maps.Marker({
        map: map,
        position: results[i].geometry.location,
        id: i,
        visible: false,
      });
      markers.push(marker);
    }
  }
  newresult();
}

如果我注释掉以下行，函数 newresult() 将运行：

photo: results[i].photos[0].getUrl({'maxWidth': 100, 'maxHeight': 100}),

但是，就像上面的代码一样，如果我不将它注释掉，函数 newresult() 将不会运行。我知道 photo 的 getUrl 函数可以工作，因为它返回一个有效的 url。

谢谢你的帮助。

Answer 1

我知道 photo 的 getUrl 函数可以工作，因为它返回一个有效的 url。

是的，如果有与该地点相关的照片！一个地方没有照片 = 对象中没有photo数组results[i]。然后你的代码就会中断。您必须在每次迭代中检查photo数组是否存在，然后再使用它：

place = new Object ({
   name: results[i].name,
   photo: typeof results[i].photos !== 'undefined' 
       ? results[i].photos[0].getUrl({'maxWidth': 100, 'maxHeight': 100})
       : '' //alternative a "nophoto.jpg"
   loc: results[i].geometry.location,
   rating: results[i].rating,
});

这是一个基于您上面代码的小提琴 -> http://jsfiddle.net/dX9Gu/