Автозаполнение API Карт Google

Question

Я использую автозаполнение API Карт Google (Places API) и JavaScript.

Как запустить автозаполнение после ввода 3 символов?

это мой код:

function initAutocomplete() {
    var input = $('#autocomplete')[0];

    var autocomplete = new google.maps.places.Autocomplete(input);
    autocomplete.addListener('place_changed', {
        gPlace = autocomplete.getPlace();
    });

    var _addEventListener = (input.addEventListener) ? input.addEventListener : input.attachEvent;

    function addEventListenerWrapper(type, listener) {
        if (type == "keydown") {
            var orig_listener = listener;

            listener = function(event) {
                var suggestion_selected = $(".pac-item-selected").length > 0;

                if (event.which == 13 && !suggestion_selected) {
                    var simulated_downarrow = $.Event("keydown", {keyCode:40, which:40})
                    orig_listener.apply(input, [simulated_downarrow]);
                }

                orig_listener.apply(input, [event]);
            };
        }
        _addEventListener.apply(input, [type, listener]);
    }

    if (input.addEventListener) {
        input.addEventListener = addEventListenerWrapper;
    } else if (input.attachEvent) {
        input.attachEvent = addEventListenerWrapper;
    }
}

Надеюсь, я четко объяснил свою проблему.Заранее спасибо.

Answer 1

Вы можете использовать следующий метод для использования функции автозаполнения API Карт Google после 3 символов:

function initAutocomplete() {
    var input = $('#autocomplete')[0];

    var autocomplete = new google.maps.places.Autocomplete(input);
    autocomplete.addListener('place_changed', {
        gPlace = autocomplete.getPlace();
    });

    var _addEventListener = (input.addEventListener) ? input.addEventListener : input.attachEvent;

    function addEventListenerWrapper(type, listener) {
        if (type == "keydown") {
            var orig_listener = listener;

            listener = function(event) {
                var suggestion_selected = $(".pac-item-selected").length > 0;

                if (event.which == 13 && !suggestion_selected) {
                    var simulated_downarrow = $.Event("keydown", {keyCode:40, which:40})
                    orig_listener.apply(input, [simulated_downarrow]);
                }

                orig_listener.apply(input, [event]);
            };
        }
        _addEventListener.apply(input, [type, listener]);
    }

    if (input.addEventListener) {
        input.addEventListener = addEventListenerWrapper;
    } else if (input.attachEvent) {
        input.attachEvent = addEventListenerWrapper;
    }
    return false;
}