Google Maps Autocomplete InvalidValueError:不是HTMLInputElement

时间:2017-06-22 03:36:43

标签: javascript html google-maps ember.js google-api

我已经阅读了几个不同的S.O.关于这一个的问题和避风港能够找到任何表明我在这里可能缺少的东西。我对Ember很新,所以我可能会把这个代码放在错误的地方。无论如何,这就是我所拥有的:

../组件/自动complete.js

import Ember from 'ember';

export default Ember.Component.extend({
  didRender: function(){
    var defaultBounds = new google.maps.LatLngBounds(
      new google.maps.LatLng(-90, -180),
      new google.maps.LatLng(90, 180)
    );
    var options = {
      bounds: defaultBounds
    }
    var i = Ember.$('input');
    var autocomplete = new google.maps.places.Autocomplete(i, options);
  }
});

../组件/自动complete.hbs

<input id="input-user" class="controls" type="text" placeholder="Location"
          onfocus="autocomplete">

My console output

我已经查看了教程,文档等等,这里似乎没有多少错误空间。我也试过没有onfocus="autocomplete" Any,所有建议都会受到赞赏。

1 个答案:

答案 0 :(得分:0)

Ember.$('input')返回一个DOM元素;但谷歌的自动填充似乎需要HTMLInputElement您可以尝试以下Ember.$('input')[0],它应该有用。