Ошибка типа: не удается прочитать свойство 'PlacesService' из неопределенного

Question

Моя цель - запросить группу мест, которые соответствуют моим критериям, используя «routeRequest» и сохранить их. Для этого мне нужно было использовать Google Places для проверки местоположений вокруг центра моей карты.

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);
      }
    }
  }

Проблема в том, что сервис Places, похоже, не распознает карту

Answer 1

Похоже, вы получаете эту ошибку, потому что вы не загрузили библиотеку place . В index.html у вас есть этот скрипт API Карт:

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

Добавьте следующее:

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

Надеюсь, это поможет!