2014-11-01 14 views
19

Ich habe aufSo verwenden Sie Google Maps einfach api auf localhost

https://developers.google.com/maps/documentation/embed/start 

einen Link zum Einbetten von Google Maps auf meiner Website angefordert und haben alle autorisierten mit dem Link es

Referers: Any referer allowed 
https://code.google.com/apis/console/ 

zu verwenden, aber ich erhalte immer noch ein

The Google Maps API server rejected your request. This API project is not authorized 
to use this API. Please ensure that this API is activated in the APIs Console: 
Learn more: https://code.google.com/apis/console 

gibt es eine andere Möglichkeit, meine Website lokal mit eingebettet google Maps zu testen?

EDIT: Sie sagen:

Easy embedding 

Google Maps Embed API maps are easy to add to your webpage—just set the URL 
you build as the value of an iframe's src attribute. Control the size of the 
map with the iframe's height and width attributes. No JavaScript required. 

aber ich kann immer noch nicht den Link gelangen.

+4

Aktivieren Sie den Google Embed-API-Dienst. – HaveNoDisplayName

+2

Und stellen Sie sicher, dass "Static Maps API" Dienst auch mit "Google Maps API" -Dienst aktiviert ist – HaveNoDisplayName

+0

Mögliche Duplikat von [Wie Google API-Schlüsseleinschränkung festlegen - HTTP-Referrer] (https://stackoverflow.com/questions/41993276/ how-to-set-google-api-Schlüssel-Beschränkung-http-Referrer) – viktorianer

Antwort

31

Das Problem war, dass sie ihren "schnellen Start" veraltet haben.

https://developers.google.com/maps/documentation/embed/start

Es sagt, dass Sie nur mit ihnen Ihrem API-Schlüssel zur Verfügung stellen sollen, aber die Sache ist, dass es eine neue Version der gleichen Website ist, die sie nicht haben Links zu von ihrem Führer, aber was Sie bekommen Verbindung zu woanders (Ich wurde angeboten, wenn in "Abrechnung")

Der neue Dienst heißt Cloud Console und ich fand die API Ein/Aus-Tasten dort.

https://console.developers.google.com/project/ ...

Sie haben die "Static Maps API", "Google Maps API" und "Google Maps API einbetten" aktivieren und stellen Sie sicher, dass Ihr Link in einem Iframe div haben

+1

Der Schlüssel hier für mich war die Static Maps-API zu aktivieren, obwohl ich nicht dachte, dass ich es benutze (ich hatte nur die Google Maps Embed API aktiviert). Nachdem ich die Static API eingeschaltet hatte, ging alles in Gang. – Joshua

+2

Für mich funktionierte es nur nach Aktivierung von 'Google Places API Web Service' – mdev

8

wie Dominik sagte, gehen Sie hier:

https://console.developers.google.com/project/%your-project-name%/apiui/apis/library?q=google%20maps

beide APIs aktivieren:

  • Google Maps Embed API
  • Static Maps API

Dann hier gehen: https://console.developers.google.com/project/%your-project-name%/apiui/credential

  • Create New Key
  • Browser Key

Und du bist fertig.

+1

Für mich arbeiten localhost mit Browser Key, Danke! – Max

+0

nicht funktioniert :(blaah –

+0

Es ist eine Antwort von Juni 2015 sind wir im März 2017. Es ist wie die akzeptierten Antworten der Integration des froogaloop mit Vimeos api, alt. Mit freundlichen Grüßen Kishan. – Luis

0

Ich musste auch die Google Maps JavaScript API aktivieren.