div 요소를 사용하여 Google지도를 표시하는 방법은 무엇입니까?

Question

Google Maps API의 기본 사항을 배우고 있습니다. 하지만 템플릿에 구현할 때 몇 가지 문제가 있습니다.

나는

<div class=container> 
    <!-- I put it here --> <div id='canvas'></div> <!-- It doesn't work --> 
</div> 

를 사용하지만

내가 어떻게해야

<!--I put it here, it's work --> <div id='canvas'></div > 
<div class=container> 
</div> 

을 넣어?

Answer 1

당신은 클래스 인용해야합니다

<div class="container"> 
    <!-- I put it here --> <div id='canvas'></div> <!-- It doesn't work --> 
</div> 

Answer 2

추가 스타일 = "너비 : 100 %; 높이 : 100 %;" div에 가서 무슨 일이 일어나는지보십시오. 클래스 이름을 인용하는 것을 잊지 마십시오. 이 같은

:

<div class='container' style="height:100%; width:100%;"> 
    <div id='canvas'></div> 
</div>