Le zoom de Google Map est bizarre

Question

J'ai un problème avec Google map, tout semble fonctionner sauf les boutons de zoom.

Voici une image de la carte.

Je suppose que quelque chose se chevauche, mais je ne suis pas vraiment sûr.

Answer 1

Il semble que je sois très en retard, mais j'ai quand même pensé à partager mes pensées.

Ce n'est pas une bonne idée de modifier les css de base d'une bibliothèque. Nous pouvons plutôt la remplacer

C'est ce que j'ai utilisé. Essayez ceci

#mapDiv img{ max-width: none; }

Answer 2

Tout d'abord, le lien que vous avez fourni ne fonctionne pas.

Ce problème est généralement dû à la css (je pense que c'est bootstrap.css), qui rend les contrôles de google map désordonnés. Vérifiez la ligne ayant du code : max-width:100%

Vous devrez l'enlever.

Vérifiez si ça marche.

Answer 3

Avec la dernière version de l'api google maps, vous avez besoin de cela :

<style>
  .gm-style img { max-width: none; }
  .gm-style label { width: auto; display: inline; }
</style>

réponse de : https://stackoverflow.com/a/19339767/3041072

Answer 4

Bootstrap.css a en fait une classe appelée google-maps qui fixera la largeur maximale de l'image à none. Le code dans bootstrap.css es

#map_canvas img, .google-maps img{max-width:none}

Voici un lien vers la question sur StackOverflow : Twitter Bootstrap CSS affectant Google Maps