2016-07-27 1 views
1
bestanden immer

Ich versuche Angular Google Maps zu verwenden, und ich ging durch die schnell durch Winkel Google mitgelieferten Setup-KartenWinkel Google Maps API-Schlüssel nicht

.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.

+0

Ich hoffe, dass die einzelnen Anführungszeichen auf diesen beiden Zeilen (Schlüssel: 'API_KEY', v: '3.17',) korrekt ist? –

Antwort

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.

0

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!

+0

Vielen Dank für Ihre Vorschläge @abielita, aber es funktioniert immer noch nicht. Ich habe mir die Links angesehen, die Sie vorgeschlagen haben und alles, was Sie überprüft haben. Ich bekomme den Fehler nicht, wenn der API-Schlüssel in der Abfragezeichenfolge ist 'https: //maps.googleapis.com/maps/api/js? Key = MY_API_KEY' Die Karte wird nicht angezeigt, aber ich ' Ich bekomme den vorherigen Fehler nicht. Ich werde das herausfinden müssen. – milo3169