Google Maps API V3 : bizarres pépins d’affichage de l’interface utilisateur (avec capture d’écran)

Question

Toute personne ayant des idées sur ce qui est à l’origine ce glitch bizarre avec le google maps composants d’interface utilisateur, seront vraiment reconnaissants de vous entendre !

la carte est créée avec :

et le problème est le même même avec aucun marqueur.

Answer 1

Nous avons rencontré le même problème. Le css designer a été l'utilisation de ce style:

style.css

img {max-width: 100%; }

Au lieu de désactiver la commande de zoom, nous avons résolu le problème en remplaçant l'img style pour map_canvas éléments comme:

style.css:

#map_canvas img { max-width: none; }

Le contrôle de zoom s'affiche maintenant correctement.

Paramètre "img max-width:100%" est une technique employée en responsive/liquide, la conception de site web afin que les images redimensionner proportionnellement lorsque le navigateur est re-dimensionnées. Apparemment, certains css systèmes de grille ont commencé à installer ce style par défaut. Plus d'infos sur la fluidité des images ici: http://www.alistapart.com/articles/fluid-images/ ne sais Pas pourquoi cela entre en conflit avec la carte de google...

Answer 2

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

Answer 3

Il ressemble à un problème avec la commande de zoom. Essayez d’ajouter `` à vos options.

En fait il semble que le curseur de zoom normal se trouve côté à gauche de la page (utiliser Firebug > inspecter élément). Pourrait être un conflit CSS ?

Answer 4

Eh bien, j’ai eu le correctif pour cela :

Sur votre CSS, vous avez ajouté quelque chose comme :

essayez de ne pas rendre global et il devrait vous fixer  :)

Answer 5

Cela a fonctionné pour moi :

l’attribut « ! important » fait que substituer n’importe quel autre modèle, #map est l’id affecté lorsque vous déclarez le nouvel objet Gmaps :