流星和谷歌地方自動完成 - InvalidValueError：不是HTMLInputElement的實例

Question

我正在使用我的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

以下調用輸入元素的on-focus代碼。

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