Google Places Autocomplete wird nicht angezeigt - javascript, ember.js, google-places-api

Komponente

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

Vorlage

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

was macht zu

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

aber trotzdem bekomme ich:

InvalidValueError: not an instance of HTMLInputElement

Jede Hilfe würde wirklich geschätzt werden.

EDIT: Ember 2.6

bereinigte den Code ein wenig, ohne Erfolg

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

Antworten:

Verwendet die Registerkarte Netzwerk in Chrom.

Anscheinend war mein API-Schlüssel nicht berechtigt, diese Funktion zu verwenden, und ich musste sie aktivieren.