워드프레스 관리자 페이지 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 확장설정 탭에서

구글 지도 자바스크립트 API 키를 입력할 수 있습니다.

이미지 링크 https://imgur.com/oxnAema

오션 프랜차이즈 스킨에서 지도가 나오지 않는다면 구글 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)을 확인하시면 자바스크립트 에러 메시지를 확인하실 수 있습니다.

감사합니다. 잘되네요~!

p.s ) Google Maps Geocoding API 사용설정을 꼭 해주어야 되네요~

아래 링크도 참고 해보세요.

구글 지도 API 키 발급 받는 방법 (Maps JavaScript API)

구글 지오코딩 API 키 발급 받는 방법 (Geocoding API)

고맙습니다.

API 제한사항에서 아래 2개의 API를 선택해주세요.

Maps JavaScript API
Geocoding API

이미지 링크 https://imgur.com/XlRkr94