카카오 지도 문의 채택완료
</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개
탭 클릭하면 해당 아이프레임이 나올 텐데 그때 아이프레임으로 /map2.html 이 경로를 보내 보세요.
iframe들마다 id를 주시고 탭을 클릭할 때마다 iframe의 src를 새로 보내면 되지 않을까 싶네요.
document.getElementById("아이디").src = "/map2.html";
댓글을 작성하려면 로그인이 필요합니다.
프레임내에서 새로고침을 하면 정상적으로 나오네요..
혹시 탭 이동시 자동으로 새로고침 되게 하는 방법이 있을까요?
댓글을 작성하려면 로그인이 필요합니다.
조나단입니다브라우저로 열면 제대로 보여진다는 말씀인즉,
모바일에서 제대로 안나온다는 말씀이신가요..?
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
해당 페이지주소를 브라우저로 열면 제대로 보인다는 뜻입니다.