한페이지에 탭형식으로 지도두개를 넣었는데 한개는 잘나오는데 한개는 이상하게 나와요.>.<
본문

http://ucnetworks.co.kr/bbs/board.php?bo_table=jchcomp_07
다음 지도가 제일 깔끔하고 지도 넣기에도 편리한것 같아서 다음 지도를 넣었어요.
한페이지에 탭 목록으로 지도를 두개를 다음지도API에서 찾아서 넣었는데 똑같은 방식으로 해서 넣었어요.
헌데 첫번째 지도는 딱 중심점에 맞춰 나오는데 두번째 탭에 있는 지도는 위치도 저멀리 있고 지도도 다안보이고..
흐음.. 왜이런건지 알수가 없네요.. ㅠ.ㅠ
<div id="tabcon1" class="tabstyle">
<iframe src="http://dna.daum.net/include/tools/routemap/map_view.php?width=764&height=585&latitude=35.13148808267572&longitude=129.05122783281536&contents=+UC+%EB%84%A4%ED%8A%B8%EC%9B%8D%EC%8A%A4+%E2%98%8E1600-1064&zoom=4" width="764" height="585" scrolling="no" frameborder="0"></iframe>
</div>
<div id="tabcon2" class="tabstyle">
<iframe src="http://dna.daum.net/include/tools/routemap/map_view.php?width=764&height=585&latitude=35.13148808267572&longitude=129.05122783281536&contents=+UC+%EB%84%A4%ED%8A%B8%EC%9B%8D%EC%8A%A4+%E2%98%8E1600-1064&zoom=4" width="764" height="585" scrolling="no" frameborder="0"></iframe>
</div>
<div id="tabcon2" class="tabstyle">
<iframe src="http://dna.daum.net/include/tools/routemap/map_view.php?width=764&height=585&latitude=37.2954822071385&longitude=127.02557461342921&contents=%26nbsp%3BUC+%EB%84%A4%ED%8A%B8%EC%9B%8D%EC%8A%A4+%EA%B8%B0%EC%88%A0%EC%97%B0%EA%B5%AC%EC%86%8C&zoom=4" width="764" height="585" scrolling="no" frameborder="0"></iframe>
</div>
</div>
답변 1
iframe으로 한개 이상의 지도를 불러들일때 모두 현재 페이지에서 지도를 불러들이는 것이므로 iframe상 같은 위치에 보여질것 같지만 한개의 지도만 정상으로 보이고 나머지 지도는 모두 잘 보이지 않는 현상이 있습니다
저도 같은 오류가 발생한 적이 있었지요.
이럴경우는 일단 모든 지도를 보이게 display:block 이나 show()로 보이게 해놓은 상태에서 css를 만들고 난후 보이는부분과 감출 부분을 선택하셔야 모든 지도가 정상적으로 보이실 겁니다
저도 이부분 맞추느라 3일 걸렸던 기억이 있네요
답변을 작성하시기 전에 로그인 해주세요.