[재문의]오션프랜차이즈 구글맵 api설정후에도 지도가 나오지 않습니다.

아래문의글들을 찾아보다가 자체 해결했습니다.

 

다른분들도 설정후 안되시면 아래 방법도 해보세요

#########오류시 해결방법 ###########

API키 발급을 위해서 등록한 주소가 잘못 등록됐거나 아직 구글 서버에서 반영이 안된 듯합니다.

가급적 모든 도메인을 입력해주세요.

예를 들면 이런식으로 모두 등록해주세요.

cosmosfarm.com
www.cosmosfarm.com
*.cosmosfarm.com

이외 혹시 모르니 임시도메인도 등록을 해주시구요.

################################

 

안녕하세요 

오션프랜차이즈 스킨에에 구글맵 api를 설정(document.php)을 해도 나오지 않고 구글 콘솔에 

에러메세지가 나옵니다.

 

콘솔 에러메세지 

Google Maps JavaScript API error: RefererNotAllowedMapError
https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error

 

아래 게시물 처럼 설정을 했습니다.

======================================

https://www.cosmosfarm.com/threads/document/9684

오션 프랜차이즈 스킨에서 지도가 나오지 않는다면 구글 API 콘솔에서 키를 발급받아야 합니다.

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

1. 구글 로그인하시고 Google API 콘솔에서 프로젝트를 생성해주세요.

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

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

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

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

 

오션 프랜차이즈 스킨의 document.php 파일에서

기존 <script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script> 코드 대신 아래 코드로 교체해주세요.

<script src="https://maps.googleapis.com/maps/api/js?key=API키입력" type="text/javascript"></script>

 

크롬 브라우저의 개발자 도구(F12키) -> 콘솔(Console)을 확인하시면 자바스크립트 에러 메시지를 확인하실 수 있습니다.

======================================

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    콘솔 쪽에 "verify your project has an active billing account" 에러 메시지는 없으신지요?

    해당 에러 메시지가 표시된다면

    구글 쪽 설정에 신용카드 등 결제정보를 등록해주셔야 할 듯합니다.

    구글에 결제정보를 등록하신 후 다시 확인해보시겠어요?

     

    아래의 링크도 참고 부탁드립니다.

    https://www.cosmosfarm.com/threads/document/29006

    고맙습니다.

  • 추가 답변 감사합니다.

    그런데 다른 오류메세지가 뜨고 있습니다.

    잠시 지도가 나오다가 다시 오류가 나옵니다. 아래처럼 할당량 에러라고 나오는것 같은데 이건 어떻게 설정하면 될까요?

    그리고 카드번호를 등록해야 이제 사용할수가 있나요?.. 클라이언트에게 납품인데 이런경우 그럼 클라이언트 카드번호를 받아야하는지 ㅠㅠㅠ

    You have exceeded your request quota for this API.

  • 카드번호를 등록하지 않으셨다면 등록하신 후에 정상적으로 이용하실 수 있을 듯합니다.

     

    구글에서 다음과 같이 안내하고 있습니다.

    "2018년 7월 16일 이후에 결제를 활성화하면 매달 200달러만큼 Maps, Routes, Places를 무료로 사용할 수 있습니다. 현재 지도 관련 API를 이용하는 수백만 명의 사용자 중 대부분이 이 크레딧으로 Google Maps Platform을 계속 무료로 사용할 수 있습니다."

    https://cloud.google.com/maps-platform/user-guide/pricing-changes/

     

    위 링크에서 "신용카드나 결제 계좌를 등록해야 하나요?" 쪽을 확인해보시면

    아래처럼 안내하고 있습니다.

    "최초 월 사용료에서 200달러는 무료로 처리되지만, 모든 Google Cloud Platform 서비스에서 비용이 무료 크레딧을 초과하는 경우에 대비하여 신용카드 또는 결제 계좌를 요청하고 있습니다. 요금이 청구될 때 월 사용료 중
    200달러에 대해서는 무료 크레딧이 적용됩니다. 결제 계정을 추가하지 않은 상태에서 월 사용료가 200달러를 초과하면 Maps API 구현 수준이 저하되거나 다른 API 요청에서 오류가 발생할 수 있습니다."

     

    위 사항들을 클라이언트 쪽과 이야기를 해보셔야 할 듯합니다.

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기