[KBoard - 오션프랜차이즈] 구글맵 API 설정 후에도 지도가 나오지 않아요ㅠㅠ

1. 정확한 제품 또는 플러그인 이름 : 'KBoard - 오션 프랜차이즈'

 

 

2. 상세 내용 : 구글맵 API 키 설정 후에도 지도가 나오지 않아요ㅠㅠ

HTML 파일에서 뭔가 추가로 수정해야 하는 부분이 있는건가요??

예전 질문 글 중 저와 같은 동일한 질문 글에 달린 답변(아래)을 보고,

 

오션 프랜차이즈 스킨의 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/r4fRIeY)

그리도 또한 스크린샷 이미지에서와 같이 SNS 공유하기 버튼은 어떻게 노출 하는건지요??

 

3. 확인 가능한 상세 페이지 주소 : https://lista.kr/offline_partners/

 

 

4. 수정한 코드 내역 (있다면) : 'offline_partners'페이지에 '사용자 정의 CSS' 추가했습니다.

#kboard-ocean-franchise-list .kboard-map-v2 { margin: 0 0px 10px 200px; }
#kboard-ocean-franchise-list .kboard-header { margin: 90px 0 70px; }
#kboard-ocean-franchise-list .kboard-header-title { margin: 30px 0 20px; font-size: 20px; line-height: 1.4em; }
#kboard-ocean-franchise-list .kboard-list table { font-size: 18px; }
#kboard-ocean-franchise-list .kboard-list table td { line-height: 1.5em; }
#kboard-ocean-franchise-list .kboard-list table td.kboard-list-branch { width: 20%; }
#kboard-ocean-franchise-list .kboard-list table td.kboard-list-tel { width: 15%; }
#kboard-ocean-franchise-list .kboard-list tbody tr td { padding: 15px 15px; }


/* 버튼 */
#kboard-ocean-franchise-list .kboard-branch .kboard-branch-button { font-size: 17px; height: 40px; line-height: 40px; }
#kboard-ocean-franchise-list .kboard-branch .kboard-branch-button.active, #kboard-ocean-franchise-list .kboard-branch .kboard-branch-button:hover { background-color: #013cae; border: 1px solid #013cae; }
a.kboard-ocean-franchise-button-small, input.kboard-ocean-franchise-button-small, button.kboard-ocean-franchise-button-small { padding: 10px 45px; border-radius: 50px; font-size: 15px; background: #013cae; }


#kboard-ocean-franchise-document .kboard-detail { font-size: 18px; }
#kboard-ocean-franchise-document .kboard-detail .detail-attr { padding: 7px 80px; }


#kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-thumbnail { width: 400px; height: 300px; }
#kboard-ocean-franchise-document .kboard-franchise-info table td { font-size: 18px; line-height: 25px; height: 25px; padding: 10px 0; }
#kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-attr { width: 100px; }

#kboard-ocean-franchise-document .kboard-content { font-size: 20px; }
#kboard-ocean-franchise-document .kboard-content .content-view { text-align: center; }


/********* 모바일 *********/
@media screen and (max-width: 600px) {
  #kboard-ocean-franchise-list .kboard-map-v2 { float: none; margin: 0 auto !important; }
  #kboard-ocean-franchise-list .kboard-header { margin: 0 0 50px }
  #kboard-ocean-franchise-list .kboard-list table td.kboard-list-branch { width: 30%; }
  #kboard-ocean-franchise-list .kboard-list table td.kboard-list-tel { width: 30%; }
  #kboard-ocean-franchise-list .kboard-list tbody tr td { padding: 10px 5px; }

  
  /* 버튼 */
  a.kboard-ocean-franchise-button-small, input.kboard-ocean-franchise-button-small, button.kboard-ocean-franchise-button-small { padding: 10px 11px; }
  
  #kboard-ocean-franchise-document { margin-bottom: 40px; }
  #kboard-ocean-franchise-document .kboard-content { min-height: unset; }
  #kboard-ocean-franchise-document .kboard-detail .detail-attr { padding: 7px 30px; }
  #kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-attr { width: 85px; }
 }


 

 

 

 

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