Google Maps API places.url 返回“未定义”？

Question

我无法将一些Google Places API data types 添加到信息窗口中，当用户点击地图上的标记时，该信息窗口将显示数据。我已经包含了以下数据类型place.name、place.rating、place.vacinity，这些数据类型将成功地在信息窗口中显示企业的名称、评级和地址。但是，当我尝试添加 place.url 以返回“此地点的官方 Google 页面的 URL”时，它会返回 undefined。如果我通过 Google 搜索这些机构，它们就有 URL，所以我知道有 URL，但是由于某种原因它无法访问它们？

这是创建标记并将信息窗口添加到单击时将调用的侦听器的 Javascript 代码 sn-p。

    function createMarker(place) {

   infowindow = new google.maps.InfoWindow();
  var placeLoc = place.geometry.location;

  var reportmarker = new google.maps.Marker({
    map: map,
    position: place.geometry.location
  });

  markers.push(reportmarker);
  google.maps.event.addListener(reportmarker, 'click', function() {
    infowindow.setContent("<p>" + place.name + "<br />" + place.rating + "<br />" + place.vicinity + "<br />" + place.url+ "<br />" +"</p>");
    infowindow.open(map, this);
  });
}

Answer 1

在您的 Jsfiddle 中，您使用的是 nearbySearch()，它响应没有 url 信息的数据。您必须使用getDetails() 来获取网址。

从文档中不是很清楚，但只有PlaceDetails result 包含网址。

var map;
var infowindow;

function initMap() {
  var pyrmont = {
    lat: -33.867,
    lng: 151.195
  };

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

  infowindow = new google.maps.InfoWindow();
  var service = new google.maps.places.PlacesService(map);
  service.nearbySearch({
    location: pyrmont,
    radius: 500,
    type: ['store']
  }, callback);
}

function callback(results, status) {
  if (status === google.maps.places.PlacesServiceStatus.OK) {
    var service = new google.maps.places.PlacesService(map);
    for (var i = 0; i < results.length; i++) {
      var request = {
        placeId: results[i].place_id
      }
      service.getDetails(request, createMarker)
    }
  } else console.log("nearbySearch:"+status);
}

function createMarker(place, status) {
  if (status === google.maps.places.PlacesServiceStatus.OK) {
    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 + ": " + place.rating + ": " + place.url);
      infowindow.open(map, this);
    });
  } else console.log("placeDetails:"+status);
}

$(function() {
  initMap()
})

#map {
  height: 100vh;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>
<div id="map"></div>