카카오맵 세로길이 고정 방법 문의드립니다. 채택완료

답변감사합니다^^ 저도 이렇게 해보았었는데 안되더군요;;
------------------------------------------------------------------------
헛!! 프리피아님 감사합니다. 두번째 코드로 하니 잘되네요^^

제가 원하던 거네요!

@스펀지둘

잘되는데요??....
지도 자체는 height에 맞게 나오고, 영역까지 height에 맞춰지는걸 원하시는건가요?

[code]
<script src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>
<script>
function kakaoMap(...map) {
document.write("<div id='" + "daumRoughmapContainer" + map[0] + "' class='root_daum_roughmap root_daum_roughmap_landing' style='width:100%;height:100px;box-sizing:border-box'></div>");
new daum.roughmap.Lander({
"timestamp" : map[0], "key" : map[1],
"mapWidth" : "100%",
"mapHeight" : document.querySelector("#daumRoughmapContainer" + map[0]).offsetWidth * map[2] / 100 - 32
}).render();
}
</script>
<div style="width:100%;height:100px;"><script>kakaoMap("1669739269026", "2csge", 50);</script></div>
[/code]


또는

[code]
<script src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>
<script>
function kakaoMap(...map) {
document.write("<div id='" + "daumRoughmapContainer" + map[0] + "' class='root_daum_roughmap root_daum_roughmap_landing' style='width:100%;height:400px;box-sizing:border-box'></div>");
new daum.roughmap.Lander({
"timestamp" : map[0], "key" : map[1],
"mapWidth" : "100%",
"mapHeight" : "400"
}).render();
}
</script>
<div style="width:100%;height:400px;"><script>kakaoMap("1669739269026", "2csge", 50);</script></div>
[/code]