'KBoard 오션 프랜차이즈 스킨' - 구글맵이 안보여요 ㅜㅜ

#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: #f00; border: 1px solid #f00; }
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; }

a.kboard-ocean-franchise-button-small, input.kboard-ocean-franchise-button-small, button.kboard-ocean-franchise-button-small { 
  border-radius: 0 }

.kboard-ocean-franchise-poweredby { 
  display: none; }



/********* 목록 상세보기 *********/
#kboard-ocean-franchise-document .kboard-detail {
    display: none; }

#kboard-ocean-franchise-document .kboard-content .content-view { 
  margin: 30px auto 60px; }



/********* 모바일 *********/
@media only screen and (max-width: 600px) {
  main#main {
    padding: 15px !important; }
  
  #kboard-ocean-franchise-list .kboard-map-v2 { 
    float: none; 
    margin: 0 auto !important;
    margin-left: 14% !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-branch .kboard-branch-button {
    float: left; }
  
  #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; }
  
 }

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

 

 

2. 상세 내용 : 이것 저것 설정 다 했는데 구글맵(지도)만 표시가 안되고 있어요. 

https://imgur.com/a/f3YqcGF

콘솔 오류내용 이미지로 함께 공유합니다.

제발 지도 좀 보고싶네요 ㅠㅠ

 

3. 확인 가능한 상세 페이지 주소 : https://gumout.kr/offline_partners/ (아직 오픈전의 사이트라.. 비공개일 거예요..ㅜㅜ)

 

 

4. 수정한 코드 내역 (있다면) : 스니펫 참고

 

 

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

    보내주신 css코드로 저희쪽에도 확인을 해봤는데 

    입력한다고 해도 남겨주신 콘솔 오류는 나지 않는것 같습니다.

    어떤 테마나 플러그인 충돌이있을 수 있기 떄문에 

    디버그모드를 한번 해보시는게 좋을것 같습니다.

    혹시 'Jetpack'이라는 플러그인을 쓰고 계신가요?

    고맙습니다.

  • 콘솔에서의 오류 메세지 이미지를 첨부 했는데 왜 디버그 모드 활성화 얘기를 하시는지...;;;;;;

    답 좀 주세요 ㅠㅠ

     

    ▼▼▼ 오류 내용 이미지 참고!!!

    https://imgur.com/a/f3YqcGF

  • offline_partners/?uid=19&mod=document&pageid=1:454 Uncaught ReferenceError: jQuery is not defined
        at offline_partners/?uid=19&mod=document&pageid=1:454:1
    (anonymous) @ offline_partners/?uid=19&mod=document&pageid=1:454
     

    admin-bar-v2.js?ver=12.8.1-202349-lite:1 Missing data from PHP (wpNotesArgs).
    (anonymous) @ admin-bar-v2.js?ver=12.8.1-202349-lite:1
    (anonymous) @ admin-bar-v2.js?ver=12.8.1-202349-lite:1
     

    Google Maps JavaScript API has been loaded directly without a callback. This is not supported and can lead to race conditions and suboptimal performance. For supported loading patterns please see https://goo.gle/js-api-loading
    Tba @ js?key=AIzaSyBa1vCuppwPxbEXSoG-4c_sBQOvVLvjqbU&language=ko_KR&ver=6.4:216
    google.maps.Load @ js?key=AIzaSyBa1vCuppwPxbEXSoG-4c_sBQOvVLvjqbU&language=ko_KR&ver=6.4:14
    (anonymous) @ js?key=AIzaSyBa1vCuppwPxbEXSoG-4c_sBQOvVLvjqbU&language=ko_KR&ver=6.4:381
    (anonymous) @ js?key=AIzaSyBa1vCuppwPxbEXSoG-4c_sBQOvVLvjqbU&language=ko_KR&ver=6.4:381
     

    WebSocket connection to 'wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data' failed: 
    k @ rest-proxy/?v=2.0:16
    O @ rest-proxy/?v=2.0:16
    R @ rest-proxy/?v=2.0:16
     

    이렇게 콘솔 오류가 떴어요

  • 안녕하세요.

    올려주신 내용만으로는 원인을 파악하기 어렵습니다.

    정확한 원인을 파악하기 위해 디버그 모드를 활성화해서

    어떤 오류 메시지가 표시되는지 확인해보셔야 할 듯합니다.

    디버그 모드 활성화 방법은 아래의 링크를 참고해보세요.

    워드프레스 에러 확인하기 - 디버그 모드 활성화 방법

     

    오류 메시지가 표시되지 않는다면 잠시 다른 테마로 바꿔서 확인해보시고

    다른 플러그인을 비활성화하신 후에도 확인해보셔야 할 듯합니다.

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기