× Forum d'aide en Français

[RÉGLÉ: 3.5.20] Problème avec Google Maps

Début
Précédent
1
Suivant
Fin

hghaffar
Auteur du sujet
Nouveau membre

Plus d'informations

il y a 8 ans 5 mois - il y a 8 ans 4 mois #12737 par hghaffar

[RÉGLÉ: 3.5.20] Problème avec Google Maps a été créé par hghaffar

Je suis tout nouveau dans le monde Joomla et ICagenda.

J'ai un problème quand je créé un événement en front end depuis mon site.
J'ai le message
Petit problème... Une erreur s'est produite
Google Maps ne s'est pas chargé correctement sur cette page. Pour plus d'informations techniques sur cette erreur, veuillez consulter la console JavaScript.

Or, je suis bien dans la dernière version de ICagenda Votre version: 3.5.19 | Date: 2016-06-30
et j'ai bien mis une clé API google maps.
Mais dans la console, j'ai le message :
"Google Maps API error: MissingKeyMapError developers.google.com/maps/documentation...issing-key-map-error"

Merci pour votre aide.

Merci pour votre aide.

Dernière édition: il y a 8 ans 4 mois par Lyr!C. Raison: [RÉGLÉ]

Connexion ou Créer un compte pour participer à la conversation.

Lyr!C
Administrateur
Lead Developer

Plus d'informations

il y a 8 ans 5 mois #12740 par Lyr!C

Réponse de Lyr!C sur le sujet Problème avec Google Maps

Bonjour,

Avez-vous bien une clé API de type "navigateur" ?

Sinon, est-il possible d'avoir un lien vers la page en question ?

Merci!
Cordialement,
Cyril

Latest version : iCagenda 3.9.7
We recommend every user to keep iCagenda updated.
Don't forget to have your Joomla!™ up-to-date!

Do you like iCagenda?
I would appreciate if you could take 5 minutes to post a review on JED (Joomla Extensions Directory) .

Connexion ou Créer un compte pour participer à la conversation.

hghaffar
Auteur du sujet
Nouveau membre

Plus d'informations

il y a 8 ans 5 mois #12748 par hghaffar

Réponse de hghaffar sur le sujet Problème avec Google Maps

Merci pour votre aide.

Oui j'ai bien mis la clé API Google map.

Cela fonctionne si je suis dans l'interface d'administration mais pas si dans un menu de mon site je créé un événement ICagenda.

Normalement,vous pouvez y avoir accès ici :
auzerais.fr/index.php/competitions/creation-competition

Encore merci pour votre aide.
Cordialement

Connexion ou Créer un compte pour participer à la conversation.

Arnaud82
Nouveau membre

Plus d'informations

il y a 8 ans 5 mois #12750 par Arnaud82

Réponse de Arnaud82 sur le sujet Problème avec Google Maps

Bonjour,
Même soucis pour mon site.
iCagenda PRO v 3.5.19
Joomla 3.6
API google navigateur crée et renseignée dans ICagenda
La map ne s'affiche pas en front de l'agenda voir ici sur le site
Merci de votre aide :blush:

Connexion ou Créer un compte pour participer à la conversation.

Lyr!C
Administrateur
Lead Developer

Plus d'informations

il y a 8 ans 5 mois #12753 par Lyr!C

Réponse de Lyr!C sur le sujet Problème avec Google Maps

hghaffar écrit: Merci pour votre aide.

Oui j'ai bien mis la clé API Google map.

Cela fonctionne si je suis dans l'interface d'administration mais pas si dans un menu de mon site je créé un événement ICagenda.

Normalement,vous pouvez y avoir accès ici :
auzerais.fr/index.php/competitions/creation-competition

Encore merci pour votre aide.
Cordialement

Bonjour,

Effectivement, j'ai fait une erreur pour le formulaire de proposition d'évènement, et j'ai pas effectué la mise à jour du code à cet endroit!

Ci-joint une version avec correctif.
Pouvez-vous le tester et me confirmer que le problème est bien résolu ?

Merci!
Cordialement,
Cyril

Connexion ou Créer un compte pour participer à la conversation.

Lyr!C
Administrateur
Lead Developer

Plus d'informations

il y a 8 ans 5 mois #12754 par Lyr!C

Réponse de Lyr!C sur le sujet Problème avec Google Maps

Arnaud82 écrit: Bonjour,
Même soucis pour mon site.
iCagenda PRO v 3.5.19
Joomla 3.6
API google navigateur crée et renseignée dans ICagenda
La map ne s'affiche pas en front de l'agenda voir ici sur le site
Merci de votre aide

Bonjour,

Votre problème n'est pas lié à l'api, mais à votre template de site.

Celui-ci déclare les styles CSS suivant, ligne 177 du fichier www.fnh-vih.org/templates/gk_university/css/joomla.css :

section img {
    height: auto !important;
    max-width: 100% !important;
}

Il ne faut JAMAIS utiliser de "!important" dans un template de site sur des déclarations CSS relatif à des tags HTML (img) ce qui force ce style pour tous les éléments.
Dans votre cas, votre template de site ne permet pas à Google Maps de s'afficher correctement (fichiers de l'api de Google et non inclus dans iCagenda).

Enlevé les "!important" et le problème sera réglé ;-)

section img {
    height: auto;
    max-width: 100%;
}

Bien cordialement,
Cyril

Connexion ou Créer un compte pour participer à la conversation.

hghaffar
Auteur du sujet
Nouveau membre

Plus d'informations

il y a 8 ans 4 mois #12762 par hghaffar

Réponse de hghaffar sur le sujet Problème avec Google Maps

Merci beaucoup, le fix fonctionne.

Bonne journée.

Connexion ou Créer un compte pour participer à la conversation.

Arnaud82
Nouveau membre

Plus d'informations

il y a 8 ans 4 mois #12764 par Arnaud82

Réponse de Arnaud82 sur le sujet Problème avec Google Maps

Lyr!C écrit:
Votre problème n'est pas lié à l'api, mais à votre template de site.

Celui-ci déclare les styles CSS suivant, ligne 177 du fichier www.fnh-vih.org/templates/gk_university/css/joomla.css :
section img {
    height: auto !important;
    max-width: 100% !important;
}
Il ne faut JAMAIS utiliser de "!important" dans un template de site sur des déclarations CSS relatif à des tags HTML (img) ce qui force ce style pour tous les éléments.
Dans votre cas, votre template de site ne permet pas à Google Maps de s'afficher correctement (fichiers de l'api de Google et non inclus dans iCagenda).

Enlevé les "!important" et le problème sera réglé
section img {
    height: auto;
    max-width: 100%;
}
Bien cordialement,
Cyril

Merci beaucoup Cyril, tout est rentré dans l'ordre à présent.
Merci également (et surtout) pour l'aide et l'explication que me servira certainement à l'avenir