Question

使用google放置api并无法确定为什么autocomplete会在调用时返回undefined来获取地点。开发人员工具显示的是。 address_components是调用autocomplete.getPlace时应返回的内容无法获取未定义或空引用的属性“address_components”

function initAutoCompleteDynamic() {
var slideID = 99;
var idx = 99 - slideID;
var propcount = 5;

  for (var i = 0; i < propcount; i++) {
    var propaddress = "prop1address" + i;
    var autocomplete = autocomplete + i;
    autocomplete = new google.maps.places.Autocomplete(
        document.getElementById(propaddress)),
        { types: ['geocode'] };
       autocomplete.addListener('place_changed', fillinAddressDynamic);


  }
}

和fillinAddressDynamic

     var place=autocomplete.getPlace():
      for (var i = 0; i < place.address_components.length; i++) {
    alert("i am in the loop");
    var addressType = place.address_components[i].types[0];
    var field = addressType;
    var completeaddress1 = '';
    var propaddress = 'prop1address' + i;
    var strnum = 'streetnumber' + i;
    CR(i);//calling component resolver. 


    if (componentFormProduction[addressType]) {
        var val = place.address_components[i][componentFormProduction[addressType]];
        document.getElementById(CR[addressType]).value = val;

        if (field == "street_number") {
            var streetnum = document.getElementById(strnum).value = val;

        }
        if (field == "route") {
            if (streetnum) {
                completeaddress1 = streetnum + ' ' + val;
            }
            else {
                completeaddress1 = val;
            }
            document.getElementById('prop1address0').value = completeaddress1;
        }
    }

}

Answer 1

如果用户（或您）点击Enter而不点击建议，就会发生这种情况。

通常，事件的顺序如下：

用户输入输入
JavaScript查询自动填充功能以获取建议
用户点击建议
JavaScript查询详细信息，用详细信息响应替换用户输入＆＃39;字段（包括address_components）和触发places_changed事件
places_changed的处理程序将通过调用getPlace()

然而，它也可能是这样的：

用户输入输入
JavaScript查询自动填充功能以获取建议
用户忽略建议并点击Enter而不点击一个
JavaScript在不查询详细信息或修改用户输入的情况下触发places_changed事件
places_changed调用getPlace()的处理程序并获取一个几乎为空的Place对象，只有name字段包含原始用户输入。

由您决定如何处理原始用户输入，以下是一些示例：

此工具使用JavaScript地理编码服务搜索该输入： https://google-developers.appspot.com/maps/documentation/utils/geocoder/

此示例（地址表单）不执行任何操作： https://google-developers.appspot.com/maps/documentation/javascript/examples/places-autocomplete-addressform

这个（非常基本的）示例将显示一条错误消息，报告没有详细信息： https://google-developers.appspot.com/maps/documentation/javascript/examples/full/places-autocomplete

places api无法获取未定义或空引用的属性'address_components'

1 个答案: