Автозаполнение Google, несколько страниц

Question

У меня возникла небольшая проблема с автозаполнением. Я использую страницу base.jsp, которая имеет следующее в функции инициализации:

var input = document.getElementById('addressField');   
var autocomplete = new google.maps.places.Autocomplete(input, { 
    types: ["geocode"] 
}); 

autocomplete.bindTo('bounds', map);  

я получил две страницы, one.jsp и two.jsp.

ons.jsp содержит следующий тип ввода, который привязан к автозаполнению. Это работает.

<input type="text" class="form-control" name="address" aria-label="..." id="addressField" value=""> 

два.jsp как точно такой же. Но это не работает?

<input type="text" class="form-control" name="address" aria-label="..." id="addressField" value=""> 

Я не понимаю, как два одинаковых поля ввода могут иметь один рабочий, а другой нет. Оба имеют одну и ту же базу и инициализацию автозаполнения.

Что может быть причиной этого? Я не имею ни малейшего понятия, где look-

Answer 1

Вот где я хотел бы начать:

var input = document.getElementById('addressField');   
console.log(input); 
var autocomplete = new google.maps.places.Autocomplete(input, { 
    types: ["geocode"] 
}); 
console.log(autocomplete); 
console.log(map); 
autocomplete.bindTo('bounds', map); 
console.log('--------------- Done -----------'); 
console.log(input); 

Затем смотрите на выходе журнала браузера и посмотреть, что по-другому. Компьютеры делают только то, что мы им скажем :-)