Google Places API - Places detail request undefined

Question

I\'m trying to retrieve place details using the Google Places Library. When you click the place marker I want to be able to see the address, name, website etc.

I\'m

Answer 1

You're doing a Place Search, which doesn't return all of the fields that you're using:

http://code.google.com/apis/maps/documentation/javascript/places.html#place_search_responses

In order to get the address, website, etc, you'll also need to call place.getDetails(), passing the Place's reference. See:

http://code.google.com/apis/maps/documentation/javascript/places.html#place_details_requests

Roughly, your code would change to:

  function createMarker(place) {
    var placeLoc = place.geometry.location;
    var marker = new google.maps.Marker({
      map: map,
      position: place.geometry.location
    });

    var request = { reference: place.reference };
    service.getDetails(request, function(details, status) {
      google.maps.event.addListener(marker, 'click', function() {
        infowindow.setContent(details.name + "
" + details.formatted_address +"
" + details.website + "
" + details.rating + "
" + details.formatted_phone_number);
        infowindow.open(map, this);
      });
    });
  }