Что не так с этим кодом?Вроде бы ссылается на json гугла и должен собирать информацию,но input не работает?

Question

[VPVPVP]

На сайте есть инпут

<input type="text" class="search-input" required="required" value="" placeholder="Введите место события" />

и есть js который якобы должен с json взять нужные данные и крутить тем самым карту звёздного неба.Но ничего не происходит

function makeSearchGoogle() {
    var searchInput = $('.search-input').val();
    if (searchInput) {
        var sessionToken = getSessionToken();
        var string = searchInput + '&sessiontoken=' + sessionToken + '&key=AIzaSyCSL1_nsETBMG-E3_7Yk2N7wF5kZikNZZI';
        $.ajax({
            url: 'https://maps.googleapis.com/maps/api/geocode/json?address=' + string + '&key=AIzaSyCSL1_nsETBMG-E3_7Yk2N7wF5kZikNZZI',
            method: 'get',
            dataType: 'json',
            beforeSend: function() {
                $b.addClass('is-searching');
            },
            complete: function(d) {
                $b.removeClass('is-searching');
                if (typeof d.responseJSON.predictions != 'undefined' && d.responseJSON.predictions.length) {
                    var data = d.responseJSON.predictions;
                    var html = '';
                    var firstId;
                    $.each(data, function(k, v) {
                        if (k < 6) {
                            var parts = v.description.split(', ');
                            var name = parts[0];
                            parts.shift();
                            var other = parts.join(', ');
                            var active = k == 0 ? ' active' : '';
                            firstId = v.place_id;
                            html = html + '<div class="suggestion' + active + '" data-place="' + v.place_id + '">' + ' <b>' + name + '</b>' + (other ? ', ' : '') + other + '</div>';
                        }
                    });
                    $('.suggestions > div').html(html);
                    if (html == '') {
                        $('.suggestions').removeClass('show');
                    } else {
                        if (setIfLoads && firstId && typeof getStarmapDetails != 'undefined') {
                            getStarmapDetails(firstId);
                        }
                        if (makePick) {
                            makePick = false;
                            $('.suggestions').removeClass('show');
                            $('.suggestion').eq(0).click();
                        } else {
                            $('.suggestions').addClass('show');
                        }
                    }
                    setIfLoads = false;
                }
            }
        });
    }
}

Comments

[Mikhail Osher]

Если это Ваш настоящий ключ гугл апи, то смените его и никогда больше не выкладывайте ключи в открытый доступ.

[VPVPVP]

Mikhail Osher, ну там же по идеи можно ограничить доступ к ключу?разве нет? по идеи же все ключи можно посмотреть элементарно на любом сайте нажам ctrl+u и посмотреть ключ.например

[Mikhail Osher]

VPVPVP, на ключи есть лимиты запросов вроде. Поэтому их держат на бэкенде. Ибо с клиента ключ возьмут и направят спамить лимиты.

[VPVPVP]

Mikhail Osher, cпасибо за совет. пока что чисто для отладки делается. просто вроде бы и ошибок нет и в консоли есть какой то запрос к json google,но ничего не работает особо при вводе в инпут чего либо.

Answer 1

[Владимир Солнцев]

У вас в скрипте нет обработчика событий на этом инпуте, вроде такого:

document.querySelector('.search-input').addEventListener('change', makeSearchGoogle);

Comments

[VPVPVP]

не подскажите куда нужно добавить то что вы написали?в js особо не разбираюсь

[Владимир Солнцев]

VPVPVP, Ниже или выше вашей функции makeSearchGoogle

[VPVPVP]

просто он явно подключается(наверное в самой странице где стоит инпут),потому что в консоли видно

Это когда ввёл Киев в инпуте- https://maps.googleapis.com/maps/api/geocode/json?...