Google プレイスを介して特定の会場がリクエストされ、マーカーが配置されるたびに、地図上に表示される水平スクロール バーがあります。
私の考えは、この水平スクロール バーに、Google プレイスの写真リクエストを使用して、返された各会場の写真を表示させることです。ただし、Google が使用を推奨している .getUrl() メソッドは、「Uncaught TypeError: undefined is not a function」を返しています。オブジェクトの配列を受け取りますが、各オブジェクトには写真の配列があります。
ここに私のコードの一部があります:
for (var i = 0, place; place = venueData[i]; i++) {
if (place.photos) {
var photo = place.photos[0].getUrl({ 'maxWidth': 100, 'maxHeight': 100 });
$('.venues-display').append('<li><div class = venue-picture><img src='+photo+'></div></li>')
}
else {
$('.venues-display').append('<li><div class = venue-picture><img src='+ place.icon + '></div></li>')
}
私が得るエラーは、getUrl() のある行を指しています。
会場データ変数- Google プレイス テキスト検索から返されるオブジェクトの配列です。
'.venues-display' - スクロール バーのクラス名です。
私は初心者です..何が間違っているのか理解できないので、必死になっています。
お願いします