Не удается прочитать свойство «Автозаполнение» неопределенного, используя веб-пакет с load-google-maps-api-2

Question

Я пытаюсь настроить автозаполнение, используя карты автозаполнения javascript api place, но продолжаю получать.

Uncaught (в обещании) TypeError: Невозможно прочитать свойство 'Autocomplete' из неопределенного

index.js

var loadGoogleMapsApi = require('load-google-maps-api-2');
const indexTemplate = require("./index.handlebars");

    $(function() {

        let googleMaps = null;

        loadGoogleMapsApi({
            key: 'My api key here'
        }).then(function(_googleMaps) {
            googleMaps = _googleMaps
            var autocomplete = new googleMaps.places.Autocomplete($("#address")[0]);

                googleMaps.event.addListener(autocomplete, 'place_changed', function() {
                    var place = autocomplete.getPlace();
                    console.log(place.address_components);
            });
        });

полный список здесь.

https://github.com/bryandellinger/addressvalidator

если вы хотите запустить его после загрузки установка npm npm run build (сделать сборку из веб-пакета) npm run start (запустить облегченный сервер и открыть браузер на порту 3000)

Answer 1

вам нужно загрузить библиотеку places; согласно документации :

loadGoogleMapsApi({
    libraries: ['places'],
    key: '...'
})
.then(function (googleMaps) {
  ...
})
.catch(function (error) {
    ...
});