为什么谷歌地图 getPlace() 总是返回未定义的对象？

Question

这是我用于getPlace() 的函数，它总是返回undefined 对象：

var element = document.getElementById('hdnOldAddress');
var AutoCompleteAddress2;
element.value = 'Marketfair Mall 1916 Skibo Road  Fayetteville  NC 28314';

autocomplete2 = new google.maps.places.Autocomplete(element);


autocomplete2.addListener('place_changed', function () {
    var place2 = autocomplete2.getPlace();
    if (place2.address_components) {
        AutoCompleteAddress2 = [
            (place2.address_components[0] && place2.address_components[0].short_name || ''),
            (place2.address_components[1] && place2.address_components[1].short_name || ''),
            (place2.address_components[2] && place2.address_components[2].short_name || ''),
            (place2.address_components[3] && place2.address_components[3].short_name || ''),
            (place2.address_components[4] && place2.address_components[4].short_name || ''),
            (place2.address_components[5] && place2.address_components[5].short_name || ''),
            (place2.address_components[6] && place2.address_components[6].short_name || ''),
            (place2.address_components[7] && place2.address_components[7].short_name || ''),
            (place2.address_components[8] && place2.address_components[8].short_name || ''),
            (place2.address_components[9] && place2.address_components[9].short_name || ''),
            (place2.address_components[10] && place2.address_components[10].short_name || ''),
            (place2.address_components[11] && place2.address_components[11].short_name || ''),
            (place2.address_components[12] && place2.address_components[12].short_name || ''),
            (place2.address_components[13] && place2.address_components[13].short_name || ''),
            (place2.address_components[14] && place2.address_components[14].short_name || ''),
        ].join(' ');
    }
});
google.maps.event.trigger(autocomplete2, 'place_changed');

编辑

将this.getPlace()替换为autocomplete2.getPlace()

Answer 1

这是我在上面使用的替代方法。我没有使用Autocomplete()，而是使用了AutocompleteService()，它返回predicted位置，并使用该位置地址将其传递给geocoding，map按预期显示位置。

var service = new google.maps.places.AutocompleteService();
service.getPlacePredictions({ input: 'Marketfair Mall 1916 Skibo Road  Fayetteville  NC 28314' }, function (predictions, status) {                    
    if (status == google.maps.places.PlacesServiceStatus.OK) {
        matchAddress = predictions[0].structured_formatting.secondary_text; 
        //Add further processing for geocoding for found address.
    }
});

Answer 2

编辑：没关系，我错了。在这段代码中，this = autocomplete2。

问题是 place_changed 没有被触发 ...

---

您遇到的一个问题是“这个”不是您想要的。您不能在处理事件（在 place_changed 上）的函数中使用“this”（表示自动完成的实例）。在这些事件函数中，this 变量表示受影响的元素（点击、悬停……）

试试这个：

替换 var place2 = this.getPlace(); by var place2 = autocomplete2.getPlace();

让我知道这是否解决了它（否则我们需要进一步研究）