6
votes

Marqueur Google Maps coupé en demi-internet Explorer

Je vais avoir un problème étrange avec mes icônes de marqueur Google Maps dans Internet Explorer. Tous mes marqueurs montrent la coupe de moitié doublés et passaient plus de 50%.

http://imgur.com/bpmlc

qui utilise le code de démonstration de Google. Donc, il doit être quelque chose de bizarre que je faisa ailleurs avec des styles ou une jQuery, mais je ne sais pas quoi. Quelqu'un a-t-il déjà eu ce problème?


1 commentaires

Récemment, j'ai des comportements étranges avec mes démos Google Map sur Jsfiddle aussi. Il me semble que le rendu ne vous rafraîchit pas très bien. Donc, ce que j'ai fait, c'est après avoir appliqué des modifications à la carte, je "l'actualiser" avec map.setCenter (); puis repousser. En outre, le problème semble traiter de toute superposition sur la carte.


7 Réponses :


2
votes

J'ai corrigé ce problème en utilisant une version stable de l'API comme ...

http://maps.google.com/maps/api /js?v=3.2&sensor=false

au lieu de la boîte nocturne construire ... (http://maps.google.com/maps/api/js?sensor=false)


2 commentaires

Cela corrige le problème spécifique IE7 que j'avais. Merci


Ok, j'ai réussi à résoudre ce problème en mettant dans le lien comme ci-dessus, mais il a soudainement commencé à se débarrasser à nouveau. Quelqu'un d'autre a eu ce problème?



6
votes

J'ai eu un problème similaire. Le problème étant que chaque icône de marqueur a hérité d'une marge> 0, j'ai résolu le problème en définissant la marge à zéro pour tout IMG dans la carte DIV.

<style type="text/css">
   #map_canvas img {
       margin: 0px
   }
</style>


1 commentaires

Cela s'est avéré être le problème pour moi aussi. L'API génère différents éléments pour Firefox et Chrome, vous ne pouvez donc pas utiliser Firebug. Pour savoir quel style vous donne des problèmes à IE, utilisez le mode Navigateur IE7 et assurez-vous de toucher le bouton Actualiser dans la barre d'outils Outils de développeur après la charge de la carte. Cela rafraîchira le DOM et vous permettra de sélectionner l'image marqueur pour l'inspecter. Utilisez le volet Styles de traces pour trouver le style incriminé.



1
votes

J'ai eu un problème similaire (j'ai utilisé des images de marqueur personnalisées, et ils ont été déplacés par 1PX à gauche et en bas dans IE7-8)

Ce code résolu le problème: P>

<!--[if IE]>
  <style>
    div#map img{
      margin-top: -1px;
      margin-left: -1px;
    }
  </style>
<![endif]-->


0 commentaires

0
votes

J'ai essayé le #map_canvas img {marge: 0px; } solution ci-dessus, mais il n'a que la moitié travaillée. Je l'ai changé en #map_canvas img {marge: -5px; } et appliqué à la feuille de style IE7 et IE8.


0 commentaires

1
votes

J'ai eu le même problème; Je devais mettre à la fois la marge et le rembourrage à 0: xxx


0 commentaires

0
votes

parseint autour des valeurs qui m'ont fait pour moi xxx


0 commentaires

5
votes

Votre problème est intéressant, en ce sens que cela se produisait avec les marqueurs par défaut. J'ai décrit un problème similaire pour les marqueurs personnalisés dans un article de blog sur févr. 2012: http://www.gutensite.com/google -Maps-Custom-Markers-Cut-off-Off-Tiles-Tiles

Nous avions des problèmes avec Google Maps API version 3.8 (plus récente que plusieurs autres personnes proposées des solutions ici). Les marqueurs personnalisés seraient coupés, tandis que les marqueurs par défaut n'étaient pas. Nous avons découvert que cela a été causé par les nouveaux tuiles de toile utilisées pour optimiser l'affichage de Google Maps. Si vous inspectez des éléments, vous pouvez voir que les marqueurs sont des couches de tuiles.

Si nous étions désactivés "optimisés" (voir code ci-dessous) les marqueurs sont correctement affichés! Il semble donc d'être lié au code d'optimisation. xxx

Je n'ai pas confirmé si ce problème a été corrigé par Google depuis ou non, ou s'il y a une meilleure solution .

D'autres ont suggéré que si vous parsint () la largeur et la hauteur des marqueurs, cela résolvait leur problème.

Voir article lié pour les images. Stackoverflow ne me laissera pas inclure parce que je n'ai pas assez de points de réputation: - \


3 commentaires

Solution géniale. cela a résolu mon problème. Je n'avais qu'à ajouter optimizewaypoints: false, à ma demande aussi


J'ai le même problème. La réponse a maintenant 4 ans mais je pensais que cela fonctionne toujours. Je ne dis pas que cela ne fonctionne pas mais dans mon cas, cela n'a aucun effet. J'ai dû définir le optimisé sur true pour résoudre le problème. Si optimisé n'est pas utilisé ou défini sur false J'ai des demi-marqueurs, peu importe si c'est la base de Google de base ou ceux personnalisés. Je dois définir explicitement à vrai pour résoudre le problème.


Beirment, mes épingles apparaissaient parfaitement pendant environ 1,5 ans sans utiliser cet attribut. Ensuite, tout d'un coup, ils étaient coupés. J'ai essayé toutes sortes de «corrections» en vain, puis a trébuché à travers cela et l'a essayé, et cela l'a réparé. Alors Bizarre, mais sérieusement, merci beaucoup de partage.