9

Google プレイス ライブラリを使用して場所の詳細を取得しようとしています。場所マーカーをクリックすると、住所、名前、ウェブサイトなどを表示できるようにしたい.

次のチュートリアルを使用しています: http://code.google.com/apis/maps/documentation/javascript/places.html

すべてが順調に進んでいるようです。私のマーカーでは、名前と評価を表示できますが、住所、ウェブサイト、電話番号はすべて「未定義」と表示されます。これは、これらの場所について私が要求している情報を Google が持っていないためですか? それとも私は何か間違ったことをしましたか？

私が使用しているコードは次のとおりです。var 情報ウィンドウ;

  function initialize() {
    var pyrmont = new google.maps.LatLng(-33.8665433, 151.1956316);

    map = new google.maps.Map(document.getElementById('map_canvas'), {
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      center: pyrmont,
      zoom: 15
    });

    var request = {
      location: pyrmont,
      radius: 5000,
      types: ['bar']
    };
    infowindow = new google.maps.InfoWindow();
    service = new google.maps.places.PlacesService(map);
    service.search(request, callback);
  }

  function callback(results, status) {
    if (status == google.maps.places.PlacesServiceStatus.OK) {
      for (var i = 0; i < results.length; i++) {
        createMarker(results[i]);
      }
    }
  }

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

    google.maps.event.addListener(marker, 'click', function() {
      infowindow.setContent(place.name + "<br />" + place.formatted_address +"<br />" + place.website + "<br />" + place.rating + "<br />" + place.formatted_phone_number);
      infowindow.open(map, this);
    });
  }

どんな助けやアイデアも大歓迎です。

乾杯。

日

4

2 に答える 2

21

プレイス検索を行っていますが、使用しているすべてのフィールドが返されるわけではありません:

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

place.getDetails()住所やウェブサイトなどを取得するには、プレイスの を渡してを呼び出す必要もありますreference。見る：

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

大まかに、コードは次のように変更されます。

  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 + "<br />" + details.formatted_address +"<br />" + details.website + "<br />" + details.rating + "<br />" + details.formatted_phone_number);
        infowindow.open(map, this);
      });
    });
  }
于 2012-03-01T20:16:35.830 に答える