Bug sur les contrôleurs de la google map

Un « Tips & Tricks » lorsque vous tentez d’intégrer une google map à votre site web et que vous obtenez ce qui suit…

925_Interactive_Infos_1

c’est sûrement que vous utilisez « bootstrap » ou en tout cas un reset pour les images « responsive » qui ressemble à ça:

img {
  max-width: 100%;
  height: auto;
  width: auto;
  box-sizing: border-box;
  vertical-align: middle;
}

Pour y remédier, il suffit de cibler le conteneur de votre map (souvent #map) et de lui mettre le code CSS suivant:

#map img{
  max-width: none;
}

Et vous obtiendrez ceci:

925_Interactive_Infos

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *