2014-11-01 13 views
19

Mam żądanie połączenia do osadzania mapy google na mojej stronie naJak korzystać z google maps prostego API na localhost

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

i zezwoliły każdego z linkiem go używać

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

ale Nadal dostaję

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 

Czy istnieje inny sposób testowania mojej witryny lokalnie z osadzonymi mapami google?

EDIT: Mówią:

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. 

ale nadal nie może uzyskać dostępu do linku.

+4

Aktywuj usługę Google Maps Osadź API. – HaveNoDisplayName

+2

Należy się także upewnić, że włączona jest usługa "Statyczne API Maps" również z usługą "Google Maps API". – HaveNoDisplayName

+0

Możliwy duplikat [Jak ustawić ograniczenie klucza API Google - odsyłacze HTTP] (https://stackoverflow.com/questions/41993276/ how-to-set-google-api-key-restriction-http-referrers) – viktorianer

Odpowiedz

31

Problem polegał na tym, że ich "szybki start" jest nieaktualny.

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

Mówi, należy podać je tylko z kluczem API, ale chodzi o to, że pojawiła się nowa wersja tej samej stronie, które nie mają łącza do z ich przewodnikiem, ale które dostajesz link do innych źródeł (dostałem ofertę w "billingu")

Nowa usługa nosi nazwę Cloud Console i znalazłem tam przyciski włączania/wyłączania interfejsu API.

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

Musisz włączyć "Static Maps API", "Google Maps API" i "Google Maps API HTML" i upewnij się, że Twój link w div iframe

+1

Kluczem było dla mnie włączenie interfejsu Static Maps API, mimo że nie sądziłem, że go używam (miałem włączoną funkcję API Google Maps Embed). Po włączeniu Static API wszystko zaczęło działać. – Joshua

+2

Dla mnie zadziałało to tylko po włączeniu "usługi Google Places API Web Service" – mdev

8

jak powiedział Dominik, przejdź tutaj:

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

Włącz zarówno API:

  • Google Maps API wklejenia
  • Static Maps API

Następnie przejdź tutaj: https://console.developers.google.com/project/%your-project-name%/apiui/credential

  • Utwórz nowy klucz
  • Przeglądarka Key

I gotowe.

+1

Dla mnie localhost działa z kluczem przeglądarki, dzięki! – Max

+0

nie działa :(blaah –

+0

Jest to odpowiedź od czerwca 2015 roku, jesteśmy w marcu 2017 r To jak akceptowanych odpowiedzi integracji froogaloop jest z API Vimeo, w życia. pozdrawiam Kishan. – Luis

0

Musiałem również włączyć interfejs API JavaScript Google Maps.