다음(카카오맵) 지도 반응형으로 보여지게 원합니다.;;;
본문
다음(카카오맵) 지도 퍼가기로 해서 홈페이지에 보여주게 할려고 하는데요.
홈페이지가 반응형이라서 보여지는 지도가 브라우저 사이즈에 따라 변경을 원해서요.
가지고 올때 가로 100% 로 설정이 안되네요;;
처음에 갖고 올때 아래와 같이 지도 크기를 가로 640으로 지정해서 갖고오긴 했는데요.
이걸 반응형으로 브라우저 사이즈에 따라 변형이 안될까요?
소스 중 "mapWidth" : "640", => 100%로 바꿔도 안먹히네요..
<!-- * 카카오맵 - 지도퍼가기 -->
<!-- 1. 지도 노드 -->
<div id="daumRoughmapContainer1553498702872" class="root_daum_roughmap root_daum_roughmap_landing"></div>
<!--
2. 설치 스크립트
* 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
-->
<script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>
<!-- 3. 실행 스크립트 -->
<script charset="UTF-8">
new daum.roughmap.Lander({
"timestamp" : "1553498702872",
"key" : "srkr",
"mapWidth" : "640",
"mapHeight" : "360"
}).render();
</script>
답변 1
여기에 100% 추가.
<div id="daumRoughmapContainer1553498702872" class="root_daum_roughmap root_daum_roughmap_landing" style="width:100%"></div>
이건 삭제하시고..
"mapWidth" : "640",
ㅠㅠ 감사합니다! 이렇게 간단한것을....;;;
감사합니다!!
