Google商家信息自动填充功能未显示

Question

零件

import Ember from 'ember';

export default Ember.TextField.extend({
type: 'text',

didInsertElement: function() {
  this.$().addClass("form-control");
  var autocomplete = new google.maps.places.Autocomplete(
    (document.getElementById('autocomplete')),{types:['geocode']} //trying without jQuery, but still.
  );
}});

模板

{{gp-textfield id="autocomplete"}}

它呈现给

<input id="autocomplete" type="text" class="ember-view ember-text-field form-control" placeholder="Enter a location" autocomplete="off">

但仍然，我得到：

InvalidValueError: not an instance of HTMLInputElement

任何帮助将非常感激。

编辑：Ember 2.6

清理了一下代码，没有用

didInsertElement: function() {
  this.$().addClass("form-control");
  var element = document.getElementById('autocomplete');
  var autocomplete = new google.maps.places.Autocomplete(element);
}

Answer 1

使用chrome中的“网络”选项卡。

显然我的API密钥未被授权使用此功能，我必须启用它。