× Forum d'aide en Français

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

Start
Prev
1
Next
End

hghaffar
Topic Author
New Member

8 years 5 months ago - 8 years 4 months ago #12737 by hghaffar

[RÉGLÉ: 3.5.20] Problème avec Google Maps was created by 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.

Last edit: 8 years 4 months ago by Lyr!C. Reason: [RÉGLÉ]

Please Log in or Create an account to join the conversation.

Lyr!C
Administrator
Lead Developer

8 years 5 months ago #12740 by Lyr!C

Replied by Lyr!C on topic 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) .

Please Log in or Create an account to join the conversation.

hghaffar
Topic Author
New Member

8 years 5 months ago #12748 by hghaffar

Replied by hghaffar on topic 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

Please Log in or Create an account to join the conversation.

Arnaud82
New Member

8 years 5 months ago #12750 by Arnaud82

Replied by Arnaud82 on topic 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:

Please Log in or Create an account to join the conversation.

Lyr!C
Administrator
Lead Developer

8 years 5 months ago #12753 by Lyr!C

Replied by Lyr!C on topic Problème avec Google Maps

hghaffar wrote: 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

Please Log in or Create an account to join the conversation.

Lyr!C
Administrator
Lead Developer

8 years 5 months ago #12754 by Lyr!C

Replied by Lyr!C on topic Problème avec Google Maps

Arnaud82 wrote: 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

Please Log in or Create an account to join the conversation.

hghaffar
Topic Author
New Member

8 years 4 months ago #12762 by hghaffar

Replied by hghaffar on topic Problème avec Google Maps

Merci beaucoup, le fix fonctionne.

Bonne journée.

Please Log in or Create an account to join the conversation.

Arnaud82
New Member

8 years 4 months ago #12764 by Arnaud82

Replied by Arnaud82 on topic Problème avec Google Maps

Lyr!C wrote:
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