Google지도는 높이를 보여주지 않습니다.

-1

트위터 부트 스트랩 3 및 Google지도를 사용하지만이 코드는지도의 높이를 %로 표시하지 않습니다. PX를 사용할 때 모든 것이 정상입니다.Google지도는 높이를 보여주지 않습니다.

<body onload="findMyCurrentLocation()"> 
<div class="col-xs-3 col-md-3 col-lg-3"></div> 
<div class="col-xs-9 col-md-9 col-lg-9"> 

    <div id="map_canvas"></div> 

</div>

및 CSS는 :

#map_canvas { 
       height:100%; 
}

출처

2015-01-05 Peter G.

지도의 높이를 백분율로 지정 하시겠습니까? 뷰포트 높이? 부모 요소의 높이? –

부모 컨테이너의 높이를 설정해야하는 백분율로 높이를 설정하려는 경우 코드 부모 컨테이너의 높이가 없습니다. 높이는 자식 컨테이너의 높이가됩니다. 높이 : 100 %는 원하는대로 작동하지 않습니다. –

예, 감사합니다 !!! –

-1

<body> 
<div class="container"> 
    <div class="col-xs-9 col-md-9 col-lg-9"> 
    <div id="map_canvas"></div> 
    </div> 
</div> 
</body>

문제는 당신이 컨테이너를 추가하지 않은 사실에서 비롯됩니다.

출처

2015-01-05 15:35:40

코드 해답은 일반적으로 약간의 설명을 추가하여 향상시킬 수 있습니다. –

감사합니다. @JasonAller 다음에 내 대답을 개선 할 것입니다. –

Google지도는 높이를 보여주지 않습니다.

답변

관련 문제