类型错误：无法读取未定义的属性“PlacesService”

Question

My objective is to request a group of locations that fit my criteria using a "routeRequest" and save them. In order to to that, I was to use google Places to check the locations around the center of my map.

let map = new google.maps.Map(document.querySelector("#myMap"), {
    center: { lat: 41.148481, lng: -8.606893 },
    zoom: 15
  });

let service = new google.maps.places.PlacesService(map);
service.nearbySearch(routeRequest, callback);


let routeRequest = {
    location: map.center,
    radius: '1000',
    type: [this.typeRoute]
  };


function callback(results, status) {
    if (status == google.maps.places.PlacesServiceStatus.OK) {
      for (const result of results) {
        this.listLocations.push(result);
      }
    }
  }

The issue is, placesService doens't seem to recognize the map

Answer 1

It looks like you are getting this error because you haven't loaded the places library . In index.html you have this Maps API script:

<script async src="https://maps.googleapis.com/maps/api/js?key="></script>

Add the following:

<script async src="https://maps.googleapis.com/maps/api/js?key=&libraries=places"></script>

Hope this helps!