지도의 크기가 width:100% height:100%로는 출력이 안됩니다

var container = document.getElementById('map'); var options = { center: new daum.maps.LatLng(35.1252704, 135.6085778), level: 3 };

var map = new daum.maps.Map(container, options);

단순히 맵만 생성해보려는건데도 width:100% height:100%를 지정하면 하얀 화면만 나옵니다.
width:100% height:500px ← height 값을 px 단위로 주면 출력이 되는데 대체 무슨 차이가 있는거죠

1개의 좋아요

자식엘리먼트는 부모 엘리먼트의 크기에 영향을 받습니다.
height : 100%를 했는데도 엘리먼트가 보이지 않는 것은 부모의 크기가 정의되지 않았기 때문입니다.

아마도 이렇게 스타일을 추가하면 100%로 보일거에요~

body, html {height: 100%;}

1개의 좋아요