Google地址自动完成功能将邮政编码添加到输入中

时间:2018-11-06 14:59:22

标签: google-maps autocomplete textinput postal-code

我有两个textinput,地址自动完成功能在这两个系统上都能正常工作。

当我开始输入任何一个textinput时,都会得到dropdown并带有正确的建议。

选择地址后,我希望邮政编码显示在所选的textinput中。

此刻显示的地址减去邮政编码。这是我的代码:

<script>
    function initialize () {
        var inputs = document.getElementsByClassName('query');
        var options = {
            types: ['address'],
            componentRestrictions: {country: 'uk'}
        };
        var autocompletes = [];
        for (var i = 0; i < inputs.length; i++) {
            var autocomplete = new google.maps.places.Autocomplete(inputs[i], options);
            autocomplete.inputId = inputs[i].id;
            autocomplete.addListener('place_changed', fillIn);
            autocompletes.push(autocomplete);
        }
    },

    function fillIn() {
        console.log(this.inputId);
        var place = this.getPlace();
        console.log(place. address_components[0].long_name);
    }
</script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key={{ $my_key }}&libraries=places&callback=initialize"></script>

0 个答案:

没有答案