Метеор и автозаполнение Google Place - InvalidValueError: не экземпляр HTMLInputElement

Question

Я ищу, чтобы использовать автозаполнение Google Place на одном из входов моего приложения Meteor.

Когда я инициализировать сеанс, у меня есть InvalidValueError: не экземпляр HTMLInputElement, но когда я обновить страницу один раз, автозаполнение работает хорошо.

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

Мой код:

if (Meteor.isClient) { 
    window.onload = function() { 
    var autocomplete = new google.maps.places.Autocomplete(
     (document.getElementById('autocomplete')),{types:['geocode']} 
    ); 
    google.maps.event.addListener(autocomplete,'place_changed',function(){ 
     var place = autocomplete.getPlace(); 
    }); 
    }; 
} 

Спасибо за вашу помощь.

Answer 1

Вы должны попробовать использовать экземпляр шаблона:

Template.autocomplete.onRendered(function() { 
    // Your autocomplete function 
    // var autocomplete = ... 
}); 

Мое имя шаблона «автозаполнения» в этом примере.

Answer 2

Звоните по коду на основе фокуса входного элемента.

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