테스트 사이트 - 개발 중인 베타 버전입니다

카카오 지도 문의 채택완료

에헤라디야 5년 전 조회 3,581

</p>

<p><div class="tab-content">

   <div id="tab-1" class="tab-pane active">

       <iframe width="100%" height="400px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="<?=G5_THEME_URL?>/map.html" ALLOWTRANSPARENCY="true"></iframe>

  </div>

  <div id="tab-2" class="tab-pane">

      <iframe width="100%" height="400px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="<?=G5_THEME_URL?>/map2.html" ALLOWTRANSPARENCY="true"></iframe>

  </div></p>

<p> </p>

<p>

 

이렇게 탭형식으로 지도가 나오는 페이지를 아이프레임으로 불러옵니다.

전에는 잘 되다가 오늘 보니 마커 위치가 왼쪽위쪽으로 틀어져서 안보이고 드래그해야 보입니다.

 

해당 페이지를 브라우저로 열면 제대로 보여지는걸로 봐선 아이프레임으로 불러오는 과정에서

뭔가 틀어지는것 같은데...

 

그리고 첫 탭은 잘 나오고 다음 탭부터 위치가 꼬이고 있습니다.. 

이것도 좀 이상하고..

 

잘되다가 안되니 이유를 모르겠네요...

 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

탭 클릭하면 해당 아이프레임이 나올 텐데 그때 아이프레임으로 <?=G5_THEME_URL?>/map2.html 이 경로를 보내 보세요.

iframe들마다 id를 주시고 탭을 클릭할 때마다 iframe의 src를 새로 보내면 되지 않을까 싶네요.

document.getElementById("아이디").src = "<?=G5_THEME_URL?>/map2.html";

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

프레임내에서 새로고침을 하면 정상적으로 나오네요..

혹시  탭 이동시 자동으로 새로고침 되게 하는 방법이 있을까요?

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

브라우저로 열면 제대로 보여진다는 말씀인즉,

모바일에서 제대로 안나온다는 말씀이신가요..?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

에헤라디야
5년 전
메인에서는 아이프레임으로 불러와서 제대로 안보여지는거고
해당 페이지주소를 브라우저로 열면 제대로 보인다는 뜻입니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인