카카오 지도 삽입후 모바일 화면이 고정이 안되고 움직여요..

2019-09-20 (금) 15:03:02 2,649

http://angelbtr1.dothome.co.kr/

PC버전으로 아무 이상 없이 잘 나옵니다.

모바일로 보면 지도가 화면에 맞게 리사이징이 안되고 화면을 벗어나서

화면이 고정이 안되고 움직이는데 어떻게 해결을 해야할까요??

아직 초보퍼블리셔이다 망막하네요. 고수님들에 도움 좀 부탁드립니다.

|

답변 3개 / 댓글 2개

2019-09-24 (화) 14:04:03

 <!-- * Daum 지도 - 지도퍼가기 -->
  <!-- 1. 지도 노드 -->
  <div style="width:100%;" id="daumRoughmapContainer1544765195773" class="root_daum_roughmap root_daum_roughmap_landing" ></div>

  <!--
  2. 설치 스크립트
  * 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
  -->
  <script charset="UTF-8" class="daum_roughmap_loader_script" src="http://dmaps.daum.net/map_js_init/roughmapLoader.js"></script>

  <!-- 3. 실행 스크립트 -->
  <script charset="UTF-8">
   new daum.roughmap.Lander({
   "timestamp" : "1544765195773",
   "key" : "rd5n",
   "mapWidth" : "auto",
   "mapHeight" : "500"
   }).render();
  </script>

이렇게 해주니 문제되던 부분이 해결이 되었네요.^^

카카오맵 가로 사이즈 %로 설정하기

http://gnustudy.com/bbs/board.php?bo_table=gnu_tip&wr_id=279

답변에 대한 댓글 1개

2019-09-24 (화) 14:02:56
감사합니다.^^

접속기기가 모바일일때 width 값을 맞춰주시던지

미디어쿼리를 이용해보시는건 어떨까요?

답변에 대한 댓글 1개

2019-09-20 (금) 15:32:38
관심가져주셔 감사합니다.^^ 해결 되었습니다.

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