Prob. Google Map avec div cachées !

Fermé
nogi57 Messages postés 39 Date d'inscription mardi 20 novembre 2007 Statut Membre Dernière intervention 6 février 2012 - 1 févr. 2012 à 14:52
AssassinTourist Messages postés 6027 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 - 6 févr. 2012 à 15:22
Bonjour,

J'ai un problème avec Google Map sur des div cachées avec le navigateur Explorer (8 et 9). Sur le clic d'un bouton, une div cachée affiche des détails et une petite carte Google Map doit aussi y être pour chaque item.

Pour voir le résultat, voici l'url : http://constructionangersnerale.com/projets.aspx et cliquez sur les "plus de détails".

PS.: évidemment, aucuns problèmes avec les autres navigateurs récents.

Merci pour votre aide et vos suggestions !


A voir également:

5 réponses

AssassinTourist Messages postés 6027 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 312
1 févr. 2012 à 21:34
Bonjour,
Est-ce que le javascript est activé ?
0
nogi57 Messages postés 39 Date d'inscription mardi 20 novembre 2007 Statut Membre Dernière intervention 6 février 2012 4
2 févr. 2012 à 14:57
Salut,

Oui, il est activé, car en page d'Accueil, il y a un fancybox et sur la page Nous joindre, il y a justement une carte Google Map qui fonctionne.

Les div cachées affichent du contenus provenant d'une BDD et un champs contient justement le iframe distinct propre à chaque descriptif (div). Chaque div est appelées (bouton) et fermer (X) par JavaScript.

Le bogue sur IE (8-9) semble être le script Google Map appelé à l'intérieur des divs cachées.

Merci d'essayer de m'aider !
0
AssassinTourist Messages postés 6027 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 312
2 févr. 2012 à 15:22
Si la div n'est pas cachée de base, la map s'affiche ?
0
nogi57 Messages postés 39 Date d'inscription mardi 20 novembre 2007 Statut Membre Dernière intervention 6 février 2012 4
6 févr. 2012 à 14:41
Effectivement, en enlevant le display none sur la div, elle s'affiche avec la map. Une solution?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
AssassinTourist Messages postés 6027 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 312
6 févr. 2012 à 15:22
Alors en tapant "google maps embed display none" sur Google, il semblerait que le problème soit reconnu et qu'il y ait quelques astuces (en anglais) qui existent et qui sont suivant les cas.

Globalement, le problème, c'est que quand c'est en display:none, le navigateur ne charge pas la maps. Du coup, un solution trouvée ici à la fin (https://groups.google.com/a/googleproductforums.com/forum/#!category-topic/maps/map-wont-load/S9dYB4lcEoo), c'est de l'obliger à recharger la maps au moment du clic.

Ici, https://stackoverflow.com/questions/4700594/google-maps-displaynone-problem on triche en enlevant le display:none, mais c'est juste qu'on met la maps à un endroit de l'écran qu'on ne voit pas et lorsqu'on clique, on change la position pour qu'il se mettre correctement.

Et par ici, https://groups.google.com/forum/#!topic/google-maps-api/5VsA1huDTNw trois solutions qu'il faut faire séparément ou à la fois.

Dis-moi si une des solutions t'a aidé.
0