요즈음 코스모스팜에 너무 신세 졌습니다. 감사하고 또 감사합니다.

선택한 API 쪽에 Maps JavaScript API만 적용되어 있는 듯합니다.

Geocoding API도 사용 설정하신 후 선택한 API 쪽에 추가해보시겠어요?

https://imgur.com/a/lEkQ56C

고맙습니다.

이름 * Maps API Key

키 제한사항

제한사항을 통해 승인되지 않은 사용 및 할당량 도용을 방지할 수 있습니다.자세히 알아보기 

애플리케이션 제한사항

애플리케이션 제한사항은 API 키를 사용할 수 있는 웹사이트, IP 주소 또는 애플리케이션을 제어합니다. 키별로 애플리케이션 제한사항 1개를 설정할 수 있습니다.

없음

HTTP 리퍼러(웹사이트) ---->선택함

IP 주소(웹 서버, 크론 작업 등)

Android 앱

iOS 앱

웹사이트 제한사항

키 사용량 요청을 지정된 웹사이트로 제한합니다.

비워 두면 API 키가 모든 웹사이트의 요청을 수락합니다.

ds1nhd.com

www.ds1nhd.com

*.ds1nhd.com

항목 추가

API 제한사항

API 제한사항은 이 키를 호출할 수 있는 사용 설정된 API를 지정합니다.

키 제한 안함

이 키는 모든 API를 호출할 수 있습니다.

키 제한

API 1개

선택한 API:

• Maps JavaScript API

내 프로젝트가 이 결제 계정에 연결되 있습니다

올려주신 페이지 주소로 접속해서 개발자 도구(F12) Console 쪽을 확인해보니

아래의 같은 에러 메시지가 표시되고 있습니다.

Geocoding Service: This API key is not authorized to use this service or API.  For more information on authentication and Google Maps JavaScript API services please see: https://developers.google.com/maps/documentation/javascript/get-api-key

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

1. 구글 로그인하시고 Google API 콘솔에서 프로젝트를 생성해주세요.(기존 API 키를 발급받으셨다면 건너뛰셔도 됩니다.)

2. 필요한 API를 사용하게끔 설정해주세요.

Google Maps JavaScript API
Google Maps Geocoding API
기타 추가로 필요한 API는 사용하고 불필요한 API는 사용중지해주세요.

3. Google API 콘솔 -> 사용자 인증 정보 -> 사용자 인증 정보 만들기 -> API 키를 만들어서 도메인을 추가해주세요.

HTTP 리퍼러(웹사이트)로 선택하고 실제 사용할 도메인을 등록해주셔야 합니다. (등록 후 일정 시간이 지나야 적용이 됩니다.)

만약, 구글 쪽에 결제 정보를 입력하지 않으셨다면

결제 정보도 입력해보시겠어요?

결제 정보를 입력하지 않을 경우에도 지도가 표시되지 않을 수도 있습니다.

고맙습니다.