Winkel Google Maps API-Schlüssel nicht

Question

bestanden immer

Ich versuche Angular Google Maps zu verwenden, und ich ging durch die schnell durch Winkel Google mitgelieferten Setup-Karten

.config(['$routeProvider','$locationProvider','uiGmapGoogleMapApiProvider, 
     function($routeProvider,$locationProvider,uiGmapGoogleMapApiProvider) { 
      // Other configurations 
      uiGmapGoogleMapApiProvider.configure({ 
      key: ‘MY_GOOGLE_API_KEY’, 
      v: ‘3.17’, 
      libraries: 'weather,geometry,visualization' 
      }); 
     } 
    ]); 

ich Setup ein API-Schlüssel in Google API-Konsole, aber wenn Ich lade die Seite Ich bekomme einen MissingKeyMapError.

Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error

Ich habe die Google Javascript API in der API-Konsole aktiviert. Ich weiß nicht, was ich falsch mache. Jede Hilfe würde sehr geschätzt werden.

Answer 1

Ich löste das Problem. Es stellte sich heraus, dass ich das Google Maps API v3 zweimal geladen habe. Ich war es in der Anbieter

uiGmapGoogleMapApi.then(function(maps) {});

und Laden des Script-Tag

<script src="https://maps.googleapis.com/maps/api/js"></script>

Laden

Sobald ich den Script-Tag entfernt, es hat funktioniert!

Danke für die Hilfe von jedem.

Answer 2

Stellen Sie sicher, dass Sie einen Schlüsselparameter mit einem gültigen API-Schlüssel verwendet haben. Befolgen Sie diese link für die Schritte zum Abrufen des richtigen API-Schlüssels für Ihr Projekt.

1. Go to the Google API Console .
2. Create or select a project.
3. Click Continue to enable the API and any related services.
4. On the Credentials page, get a Browser key (and set the API Credentials). Note: If you have an existing Browser key, you may use that key.
5. To prevent quota theft, secure your API key following these best practices .
6. (Optional) Enable billing. See Usage Limits for more information.

Aber basierend auf dieser thread war das Problem aufgrund eines Streu Script-Tag, die vor der Verwendung dieser Bibliothek der Google Maps API einschließlich wurde. Sie können dies auch überprüfen SO question.

Hoffe, das hilft!