Comment créer une division de conteneur Google Maps à 100 % de hauteur et de largeur ?

Définir le DIV du conteneur Google Maps sur 100 % de hauteur et de largeur

De nombreux développeurs rencontrent un problème lorsqu'ils tentent de définir la largeur et la hauteur d'un Conteneur Google Maps div à 100 %. La définition de ces propriétés à 100 % rend généralement la carte invisible.

Code HTML :

<code class="html"><!-- Maps Container -->
<div id="map_canvas" style="height:100%; width:100px; margin:0 auto;"></div></code>

Solution :

Pour résoudre ce problème, assurez-vous que tous les conteneurs parents de la carte sont définis sur une largeur de 100 %. De plus, définissez une largeur et une hauteur fixes pour le div #content :

CSS :

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

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

En définissant ces propriétés CSS, la carte occupera désormais la totalité de la zone visible.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!