Google Maps zoom contrôle

Question

J’utilise l’API Google Maps (v.3) pour afficher une carte avec un couple de marqueurs. Récemment, j’ai remarqué que le contrôle utilisé pour zoomer la carte est sali vers le haut (ce n’était pas toujours comme ça), je n’ai aucune idée de ce qui est la cause...

Mise à jour

Ce poste avait à l’origine un lien vers une page où vous pouvez consulter la question, mais le lien est rompu, alors j’ai enlevé.

Answer 1

Votre CSS foiré. Supprimer `` en ligne 814 et zoom contrôles ressemblera bien à nouveau. Pour éviter de tels bogues utilisent sélecteurs plus spécifiques dans votre CSS.

Answer 2

<pre class="lang-css prettyprint-override"><code></code><p><p>Mise en retour à map_canvas il fixe sans le changement de largeur max.</p><pre><code></code></pre></pre>

Answer 3

Si vous utilisez Bootstrap, juste lui donner classe « google maps ». Cela a fonctionné pour moi.

Comme alternative vous pourriez tout pour la div de carte google en guise de solution de dernier recours réinitialiser :

HTML :

CSS :

Answer 4

Juste partager @Max-Favilli réponse :

Avec la dernière version de google maps api Ce dont vous avez besoin :

Merci à @Max-Favilli

http://StackOverflow.com/a/19339767/3070027

Answer 5

Si vous êtes un utilisateur de Twitter Bootstrap, vous devez ajouter cette ligne à votre CSS :