2014-11-12 8 views
0

Google 지역 정보를 통해 특정 장소가 요청되고 마커가 배치 될 때마다지도에 나타나는 가로 스크롤 막대가 있습니다.Google 지역 정보 사진 반환 요청이 정의되지 않음

내 생각에,이 가로 스크롤 막대는 Google 장소 사진 요청을 사용하여 반환 된 각 장소의 사진을 표시하도록하는 것입니다. 그러나 Google이 사용하도록 권고 한 .getUrl() 메소드는 나를 돌려 보내고 있습니다 '잡히지 않은 타입 오류 : 정의되지 않은 함수는 없습니다'; 비록 내가 객체의 배열을 받고 각 객체는 일련의 사진을 가지고있다. 여기

내 코드의 일부이다 :

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와 함께 라인에 포인트를 획득 오류).

venueData 변수 - Google 지역 정보 텍스트 검색에서 반환되는 객체의 배열입니다.

'.venues-display' - 내 스크롤 막대의 클래스 이름입니다.

나는 뭘 잘못 생각하는지 이해할 수 없기 때문에 초보자이며 절망적입니다.

Pleeease의 heeeelp

+0

코드가 괜찮아 보입니다. 예를 들어 place.photo 객체를 검사 해 볼 수 있습니다. alert (place.photo [0] .getUrl)을 호출하여 객체를 반환하는지 확인합니다. 시도하지 않을 경우 경고를 보냅니다 (place.photo [0]). –

+0

'if (place.photos)'대신'if (place.photos.length)'사용 –

+0

답장을 보내 주셔서 감사합니다. 방금 내 콘솔에 getUrl() 메서드가없는 사진 개체를 인쇄하여 발견했습니다. 아마 레일스를 사용하여 장소를 요청하고 Google의 JS 검색 방법을 요청하기 때문일 수도 있습니다. 장소 검색을 위해 Google의 JS 메소드를 사용하는 등 Places 라이브러리에서 놀았습니다.이 방법으로 사진 객체에는 getUrl 메소드가 있으며 작동합니다 ... 다시 한 번 감사드립니다. – Timoshka

답변

0

방법 .getUrl() (당신이 .PlaceServices를 호출하는 경우 즉) 만 키 당신의 API를 사용할 필요가 없습니다 경우, Google 지역 도서관과 함께 작동

new google.maps.places.PlacesService(map) 
구글 문서 도구를 통해 읽고 다른 부분을 사용하여 내가 이해 무엇

https://maps.googleapis.com/maps/api/place/photo?parameters 

이 적어도 그건 :

그렇지 않으면, 당신은 사진을 얻기 위해이 코드 조각을 사용할 필요가 같은 이유로 코드를 사용하면