Google nicht erkennen meine API-Schlüssel

Question

Ich habe ein Google Developers-Konto erstellt. Ich habe dort ein Projekt erstellt. Ich habe die JavaScript Maps API für das Projekt aktiviert, und ich habe einen Browser Schlüssel dafür erstellt, und ich habe die Verwendung davon auf die Domäne meiner Website eingeschränkt, die Leute sehen werden. Wenn ich einen Autocomplete-Aufruf in einem Formularfeld auf meiner Seite ausführen möchte, erhalte ich den folgenden Fehler in der Antwort.

"This service requires an API key. For more information on authentication and Google Maps JavaScript API services please see: https://developers.google.com/maps/documentation/javascript/get-api-key" 

Also ich lese die Seite, und das ist, wie und warum ich alles oben erwähnte eingerichtet. Aber es wird immer noch nicht funktionieren, und ich kann einfach nicht herausfinden, warum.

Welche Subtilität vermisse ich?

BTW, das mit Chrome ist, ob das etwas bedeutet, nicht mit anderen Browsern gestört

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&region=us" key="xxxxxxxxxx-xxxxxxxxxx-xxxxxxxxxx"></script> 

Answer 1

Sie richten ein HTML-Attribut. Der Schlüssel sollte stattdessen in der src-URL gemäß dem von Ihnen geposteten Link enthalten sein.

Gerade von ihrem Beispiel:

<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" 
    type="text/javascript"></script> 

Beachten Sie die Lage von "YOUR_API_KEY" in der URL. Im Falle von APIs wie dieser ist es am besten, nach Beispielen zu suchen und sie so genau wie möglich zu verfolgen, um sie zu verstehen. Passen Sie sie dann an Ihre Bedürfnisse an.