100% 컨테이너에 Google 지도를 삽입할 때 Google 지도가 사라지는 것을 방지하는 방법은 무엇입니까?

최적의 표시를 위해 Google 지도 컨테이너 크기 조정

API v3를 사용하여 웹페이지에 Google 지도를 삽입할 때 컨테이너 DIV의 너비와 높이를 100%로 설정 지도가 사라질 수 있습니다. 이 문제를 해결하려면 적절한 지도 렌더링에 대한 요구 사항을 이해하는 것이 중요합니다.

주요 문제는 자동 여백을 사용하면서 너비와 높이를 100%로 설정하는 요구 사항이 상충되는 데서 발생합니다. 페이지의 100% 적용 범위를 달성하려면 상위 컨테이너의 너비와 높이를 100%로 설정하는 것이 중요합니다. 이렇게 하면 지도 컨테이너가 해당 값을 상속하고 원하는 공간을 차지할 수 있습니다.

예를 들어 본문, HTML 및 #content 요소가 100% 비율을 갖도록 하려면 다음과 같은 CSS 규칙을 추가해야 합니다. 너비 및 높이:

<code class="css">body, html {
  height: 100%;
  width: 100%;
}

div#content {
  width: 100%;
  height: 100%;
}</code>

상위 컨테이너의 크기를 설정하면 지도 컨테이너가 너비와 높이를 상속하여 지도를 올바르게 표시할 수 있는 고정 레이아웃을 생성할 수 있습니다. 하위 요소에 따른 자동 조정을 방지하려면 #content div의 너비와 높이에 절대값을 설정하는 것을 잊지 마세요.

위 내용은 100% 컨테이너에 Google 지도를 삽입할 때 Google 지도가 사라지는 것을 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!