google-maps-api-3 - 带有公寓号的谷歌自动完成

Question

当用户将公寓号添加到他们的地址时，自动完成功能似乎认为它正在查看邮政编码，并更改建议的匹配项:

6250 Hollywood Boulevard #20

有没有办法让它起作用，或者如果没有，一种方法可以忽略公寓号并将其与表单提交一起作为单独的值发送？ (请记住，用户可能会使用 #、Unit、Apt 等来定义他们的单位编号)

var placeSearch, autocomplete;

var componentForm = {
    street_number:                  'short_name',
    route:                          'short_name',
    locality:                       'long_name',
    administrative_area_level_1:    'short_name',
    country:                        'long_name',
    postal_code:                    'short_name'
};

function initialize(){

    autocomplete = new google.maps.places.Autocomplete(
        (document.getElementById('autocomplete-address')),
        { types: ['geocode'] });
        google.maps.event.addListener(autocomplete, 'place_changed', function(){
            fillInAddress();
        }
    );

}

function fillInAddress(){

    var place = autocomplete.getPlace();

    for(var component in componentForm){

        document.getElementById(component).value = '';
        document.getElementById(component).disabled = false;

    }

    for(var i = 0; i < place.address_components.length; i++){

        var addressType = place.address_components[i].types[0];

        if(componentForm[addressType]){

            var val = place.address_components[i][componentForm[addressType]];

            document.getElementById(addressType).value = val;

        }

    }

}

Answer 1

似乎不存在将 Autocomplete API 设置为忽略 apt 编号的设置，但是，我们可以在将字符串传递给 API 之前修剪文本。

在您的 autocomplete = new google.maps.places.Autocomplete( ，您可以执行以下操作:

document.getElementById('autocomplete-address').replace(/#.*/g,"");

自 document.getElementById('autocomplete-address')返回一个字符串，我们可以替换 #number带有空字符串的文件 .replace(/#.*/g,"")