코스모스팜 스레드

워드프레스 구글 지도 API 관련 문의

도메인 이전 후에 KBoard 오션 프랜차이즈 document 페이지에서 구글 지도가 노출되지 않습니다.

검색해보니 구글 api 값을 넣으면 된다고 합니다..

document.php 또는 script.js 파일을 수정하면 될 것 같은데..

어떤식으로 수정하면 좋을지 조언좀 부탁드리겠습니다.

이 페이지의 내용이 유익하시나요? 혹은 더 많은 답변을 받길 원하시면 이 페이지를 공유 해보시는건 어떨까요?

내 홈페이지에 소셜 공유 버튼 추가하기

코스모스팜 회원관리
코스모스팜 회원관리
  • 오션 프랜차이즈 스킨에서 지도가 나오지 않는다면 구글 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 사용설정을 꼭 해주어야 되네요~

코스모스팜 회원관리