Autocomplete in google maps places throws error TypeError: undefined is not a function (evaluating 'a[zG]("placeholder")')

Question

我为此苦苦挣扎。

我正在创建一个简单的搜索地图功能，但自动完成功能向我抛出描述性不强的错误：TypeError: undefined is not a function (evaluating 'azG')

我正在 modal.s.shown 事件的 bootstrap 模态中初始化我的地图。

这里是 Javascript:

$('#map-modal').on('shown.bs.modal', function (e) {
    //picking up data attributes from the image that initialised the modal
    var image = $(e.relatedTarget);
    map_lat = $(image).data('lat');
    map_lng = $(image).data('lng');

    //passing the data to a initialise map function
    initialiseModalMap(map_lat,map_lng);

    //add autocomplete
    var input = $('#start-point');
    var options = {
        types: ['geocode']
    };
    var autocomplete = new google.maps.places.Autocomplete(input, options);
    autocomplete.bindTo('bounds', map);
    google.maps.event.addListener(autocomplete, 'place_changed', function() {
       console.log('changed');
    });
});

但是事件 shown.bs.modal 触发后，我在控制台中收到以下错误：

TypeError: undefined is not a function (evaluating 'a[zG]("placeholder")')

并且从不执行自动完成，在自动完成代码块之前，一切都很好。

我错过了什么？

如果您需要更多信息，请询问。

提前致谢！

Answer 1

当我切换到 vanilla javascript 获取输入元素时，没有抛出错误

所以改为

var input = $('#start-point');

我放

var input = document.getElementById('start-point');

但是自动完成的下拉菜单没有呈现，但我想这是一个完全不同的问题

Autocomplete in google maps places throws error TypeError: undefined is not a function (evaluating 'a[zG]("placeholder")')

Autocomplete in google maps places throws error TypeError: undefined is not a function (evaluating 'a[zG]("placeholder")')

javascript

google-maps

autocomplete

google-maps-api-3

google-places-api