programing

Localhost 용 Googlemaps API 키

procenter 2021. 1. 14. 23:21
반응형

Localhost 용 Googlemaps API 키


localhost에서 작동하도록 Googlemaps API 키를 얻으려면 어떻게해야합니까?

API 키를 만들었고 참조 자 아래에 다음을 추가합니다.

Accept requests from these HTTP referrers (websites) (Optional)

Use asterisks for wildcards. If you leave this blank, requests will be 
accepted from any referrer. Be sure to add referrers before using this key 
in production. 

localhost

이것은 작동하지 않으며 API 키를 제외하면 작동하지 않습니까?


1- 먼저 다음 주소로 이동 하십시오 : https://console.developers.google.com/apis

2- 프로젝트에 대한 API 키 만들기,

3- 라이브러리를 클릭하고

4- 원하는 API를 클릭하십시오.

5- 활성화 (오른쪽 상단)를 클릭하십시오.

6- 자격 증명을 클릭하고 키 편집을 클릭하십시오.

7- "키 제한"에서 "HTTP 리퍼러 (웹 사이트)"를 선택합니다.

8- 그런 다음 텍스트 상자 필드에 웹 사이트 주소 또는 "localhost"(localhost에서 테스트 용)를 입력하고 목록에 추가 ( "localhost", "127.0.0.1", "localhost : port"등 추가)를 입력합니다.

9- 그런 다음 프로젝트에서 키를 사용하십시오.


이 방법으로 따를 수 있습니다. 적어도 나를 위해 작동합니다.

자격증 명 페이지 :

  1. IP 주소로 옵션을 선택하십시오 (옵션 번호 3).

  2. 공급자의 IP 주소를 입력하십시오. 그렇지 않은 경우 다음 링크를 사용하여 IP 주소를 검색하십시오. https://www.google.com/search?q=my+ip

  3. 저장해.

  4. scrip 태그 사이에 다음과 같이 Google지도 링크를 변경하십시오.

    https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzxxxxxxxx "

  5. API 키가 전파 될 때까지 약 5 분 이상 기다립니다.

이제 Google지도가 작동합니다.


localhost에서 작업하는 경우 개발을위한 별도의 API 키를 만든 다음 로컬 호스트에서 사용할 수 있도록 해당 키에 대한 제한을 제거합니다. 프로덕션에서는이 키를 사용하지 않도록하여 온라인에서 사냥꾼에게 키를 노출하지 마십시오.

나는 똑같은 문제가 있었고 내 로컬 호스트 환경에서 작동하는 제한을 얻으려는 모든 시도는 특별히 개발을 위해 별도의 apikey를 만든 다음 제한을 제거하기 전까지는 성공하지 못했습니다. 그러나 프로덕션 환경에서는 해당 키를 사용하지 않으며 개발이 완료되면 API 키를 즉시 삭제하겠습니다.

이 게시물이 늦었 음을 알고 있지만 앞으로이 문제에 직면 할 가능성이있는 사람들에게는 이것이 가장 좋은 방법입니다.


localhost에서 테스트하기 위해 Google지도를 사용하는 방법에 대한 자습서따를 수 있습니다 .

다음과 같은 관련 SO 스레드를 확인하십시오.

도움이 되었기를 바랍니다!


"이 HTTP 리퍼러 (웹 사이트)의 요청 수락 (선택 사항)"이라고 표시된 경우 리퍼러를 나열 할 필요가 없습니다. 따라서이 페이지에서 localhost 옆에있는 X를 클릭하되 키를 계속 사용하십시오.

그런 다음 몇 분 후에 작동합니다.

변경 사항이 적용되는 데 몇 분 정도 걸릴 수 있으므로 다시 테스트하기 전에 몇 분 정도 기다리십시오.


You have to check the specific error within the javascript console (e.g. Ctrl + Shift + K in Firefox for Windows).

According to Steven Gliebe (2016), there are four common cases for this problem. If I may summarize it, as this:

  1. MissingKeyMapError >> Get Google Maps API Key (but also consider alternative no.2)
  2. RefererNotAllowedMapError >> Register your localhost:port in your google developer dashboard.
  3. ApiNotActivatedMapError >> Enabling the Google Maps API in Google API Library page
  4. InvalidKeyMapError >> Add your key to your scripts/ codes properly

After doing some code modification, please clear your browser cache as necessary.

In case there are other errors, you can check Google Maps API Error Codes Documentation page.

ReferenceURL : https://stackoverflow.com/questions/39329874/googlemaps-api-key-for-localhost

반응형