[재문의]오션프랜차이즈 구글맵 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)을 확인하시면 자바스크립트 에러 메시지를 확인하실 수 있습니다.

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

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요