오션 프랜차이즈 구글지도 오류 문의드립니다.

많은 질문드려서 죄송합니다.. ㅠㅠ 

 

오션 프랜차이즈 스킨을 구입했습니다.

구글 지도 API 등록을 받아야된다고 해서 

https://blog.cosmosfarm.com/archives/389/%EA%B5%AC%EA%B8%80-%EC%A7%80%EB%8F%84-api-%ED%82%A4-%EB%B0%9C%EA%B8%89-%EB%B0%9B%EB%8A%94-%EB%B0%A9%EB%B2%95-maps-javascript-api/

https://blog.cosmosfarm.com/archives/414/%EA%B5%AC%EA%B8%80-%EC%A7%80%EC%98%A4%EC%BD%94%EB%94%A9-api-%ED%82%A4-%EB%B0%9C%EA%B8%89-%EB%B0%9B%EB%8A%94-%EB%B0%A9%EB%B2%95-geocoding-api/

두 가지 방법대로 따라해서 https://imgur.com/9EopdNB 이렇게 발급받았습니다.

FTP에 들어가서 스킨 폴더에 있는 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>

 

으로 수정했습니다만, https://imgur.com/a/WKi6r8E 이렇게 오류가 뜹니다.

초보라 잘 이해하지 못한점 죄송합니다. 

 

http://j001as.cafe24.com/?page_id=12154

확인부탁드립니다. 감사합니다..

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

    스킨 파일에 추가하신 코드는 문제없어 보입니다.

     

    Google API 콘솔에서 프로젝트를 생성한 후 API 키를 발급받으셨다면

    아래 API를 사용하게끔 설정하셨는지 확인해보시겠어요?

    Google Maps JavaScript API
    Google Maps Geocoding API

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

     

    API 키를 생성 시 HTTP 리퍼러(웹사이트)로 선택하고

    실제 사용할 도메인을 등록하셨는지 확인해보시겠어요?

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

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

    등록 후 일정 시간이 지나야 적용이 됩니다.

     

    또, 구글 지도는 구글 쪽 설정에 신용카드 등 결제정보를 등록해야만 에러 없이 사용이 가능합니다.

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

    고맙습니다.

  • 안녕하세요.

    구글 콘솔에서 Maps JavaScript API 키 설정 페이지에서

    API 제한사항을 "키 제한 안함"으로 설정하면 정상적으로 지도가 표시되는지요?

    키 제한을 할 경우,

    Maps JavaScript API와 Geocoding API 2개 설정해서도 확인해보시겠어요?

     

    그래도 해결되지 않으신다면,

    저희 고객지원 쪽 이메일로 워드프레스 관리자 계정과 FTP 접속 정보를 보내주시면 점검해드리겠습니다.

     

    구글 쪽에서 정책이 변경되었는지도 확인해보겠습니다.

    고맙습니다.

  • 테마, 플러그인 하나씩 확인해봤는데 충돌의 문제는 없어 보입니다..

    API키를 새로 받았는데도 여전히 문제가 나타나 보입니다. https://imgur.com/9JXNW8F 

    빨리 문제를 해결해서 오픈해야 하는데 계속 딜레이 되고 있어서 힘드네요..

     

  • 오션 프랜차이즈 스킨에서 API키입력 쪽에는 Google Maps JavaScript API키를 입력해주세요.

    사용 중이신 테마나 다른 플러그인 쪽과 충돌이 있는 건 아닌지도 확인해보시겠어요?

    저희도 구글 지도 관련해서 테스트해보겠습니다.

    고맙습니다.

  • <script src="https://maps.googleapis.com/maps/api/js?key=API키입력" type="text/javascript"></script> 여기에 Maps javascript API를 입력하고 업로드 시켰습니다.

    (지오코딩 API는?<script src="https://maps.googleapis.com/maps/api/js?key=API키입력" type="text/javascript"></script>에 추가 안 시켜도 되는거죠?)

    구글 콘솔에 들어가서 Maps javascript API 키 제한 안함으로 설정하면 정상적으로 표시되네요. (Geocoding API는 키 제한 설정했습니다)

    해결 방법이 있을까요...

  • 안녕하세요.

    구글 지오코딩 API 키 발급 시 ip 주소는 카페24 호스팅을 사용 중이시라면

    카페24 서버 ip를 입력해주시면 됩니다.

    API 제한사항에서 키 제한 안함으로 설정해도 같은 문제가 발생하는지요?

    API 키를 2개 발급받으셨다면

    아래 API키입력 부분에 각각 입력해서도 테스트해보시겠어요?

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

    고맙습니다.

  • 5/31일자로 확인했었는데 다시 접속하니까 또 다른 오류가 발생되네요 ㅠㅠ

    지오코딩쪽이 문제인 것 같습니다.

    http://jjub0524.com/?page_id=12154&uid=10&mod=document&pageid=1

    cafe24 호스팅, 도메인 사용 중입니다. 지오코딩 API 등록할 때 입력하는 IP를 cafe24에 나와있는 서버IP를 입력하는게 맞는지요..ㅠㅠ

    그리고 지오코딩 API는 발급만 받으면 따로 등록하거나 수정할 건 없는지요..

  • 웹사이트 제한사항을 없음으로 하고, 키 제한 안함으로 했다가 다시 주소를 입력하니까 해결되었습니다.

    감사합니다.

  • 안녕하세요.

    워드프레스 설정보다는 구글 설정과 관련이 있을 듯합니다.

    웹사이트 제한사항 쪽에 도메인을 모두 지우신 후에도 확인해보시겠어요?

    또, "API 키를 특정 웹사이트로 제한하려면 어떻게 해야 하나요?" 쪽을 참고하셔서

    도메인을 더 추가해보시겠어요?

    정확한 경로를 사용한 구체적인 URL: www.example.com/path
    와일드 카드 별표(*)를 사용한 단일 하위 도메인의 모든 URL: sub.example.com/*
    와일드 카드 별표(*)를 사용한 단일 도메인의 하위 도메인 또는 경로 URL: *.example.com/*

     

    그래도 해결되지 않으신다면

    사용 중이신 테마나 다른 플러그인 쪽의 문제는 아닌지 확인해보셔야 할 듯합니다.

     

    잠시 다른 테마로 바꿔서 확인해보시고

    다른 플러그인을 하나씩 비활성화해가면서 테스트해보시겠어요?

    고맙습니다.

  • https://imgur.com/dAsYpcH

    https://imgur.com/BYwe9r7

    https://imgur.com/AiqdOTY

     

    #1.

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

    이 문구에 Maps Javascript API키를 입력해서 파일질라로 업로드했습니다.

     

    #2.

    구글 등록시 결제정보를 입력하도록 안내받아 등록했습니다.

     

    워드프레스 자체에서 설정해야 할 부분이 있는건지..

    혹시 제가 어떤 부분에서 놓쳤는지 알려주신다면 감사하겠습니다.

  • 혹시 검색해서 찾아오신 분들 중에 도움이 되었으면 해서 올립니다. 해결 방법 참고바랍니다.
    https://imgur.com/a/epP2OHW
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요