Prob. Google Map avec div cachées !
nogi57
Messages postés
39
Date d'inscription
Statut
Membre
Dernière intervention
-
AssassinTourist Messages postés 6029 Date d'inscription Statut Contributeur Dernière intervention -
AssassinTourist Messages postés 6029 Date d'inscription Statut Contributeur Dernière intervention -
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 !
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:
- Prob. Google Map avec div cachées !
- Google maps satellite - Guide
- Google maps - Guide
- Dns google - Guide
- Google photo - Télécharger - Albums photo
- Créer un compte google - Guide
5 réponses
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 !
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 !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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é.
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é.