Googleプレイスのオートコンプリートが表示されない - javascript、ember.js、google-places-api

成分

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);
}

回答：

クロムでネットワークタブを使用しました。

どうやら私のAPIキーはこの機能を使うことを許可されていなかったので私はそれを有効にしなければなりませんでした。