Rechercher : dans
Par :

Ajouter une carte google dans joomla.

Dernière réponse le 7 oct 2009 à 23:05:53 melrade, le 2 nov 2008 à 17:18:03 
 Signaler ce message aux modérateurs

Bonjour,

Sur le site de google map ils disent de coller le code ci-dessous à une page pour afficher une carte.

par Exemple la carte de paris :

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.fr/..."></iframe><br /><small><a href="http://maps.google.fr/..." style="color:#0000FF;text-align:left">Agrandir le plan</a></small>

Or quand je fais ma page sous joomla en mode html, et que je colle ce code, la seule chose que j'ai à la prévisualisation c'est un lien externe et pas un affichage de la map.

Mon site est en local est-ce la raison ? j'ai passé un temps fou à chercher, et la seule solution visiblement est d'intergrer un module, ce que je ne soujaite pas faire s'il y a une autre méthode.

Merci de vos réponses

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « Ajouter une carte google dans joomla. » dans :
Google Maps - Apprendre à manipuler la carte VoirAvant de nous intéresser aux fonctions de recherche d’adresses et de calcul d’itinéraires, commençons par apprivoiser la carte visible à l’écran. Vous apercevez une partie de l’Europe de l’Ouest (centrée sur la France) en mode plan, avec...
Mise à jour des pilotes de la carte graphique VoirMise à jour des pilotes graphiques Quelle carte Graphique je possède ? Sous Windows Xp Sous Windows Vista Mise à jour Mise à jour des pilotes graphiques Pour mettre à jour les pilotes de la carte graphique, il vous faut connaître la...
Ajouter son site dans les moteurs de recherche VoirComment ajouter son site dans les moteurs de recherche C'est une question que tous se posent ... Le principe est le même mais le fonctionnement est parfois différent selon les moteurs ! En voici donc quelques-uns, mais dans une liste non...
Télécharger GMapMaker VoirGMapMaker est un utilitaire de téléchargement de cartes Google Maps. Si vous n'avez pas TrackMaker Pro, gMapMaker vous permettra d'extraire les cartes Google au format oziExplorer .map et aux formats images tif, jpg et png.

1

Jean-luc, le 8 déc 2008 à 15:56:36

Hummm
Va sur l'admin et passe en mode sans traitement de texte, affiche ton content, puis colle le code google dans la fenêtre. sauvegarde...
Reviens sur l'admin et resélectionne le mode Tiny.
Hop ça doit être bon.

Répondre à Jean-luc

2

yanast, le 9 mar 2009 à 00:37:30

Merci pour l'info jean-luc, je savais pas que le simple fait de désactiver l'editeur permettais de faire ca ! Bravo

Répondre à yanast

3

jean-luc, le 9 mar 2009 à 16:25:51

No blem ! au fait, avec la version 1.5 plus besoin de faire la manip... jean-luc - web84.fr

Répondre à jean-luc

4

nooby, le 14 mar 2009 à 00:20:46

Bonsoir à tous,

Chez moi ça ne fonctionne pas, je suis sous la version 1.5 et lorsque j'édite un article sous forme html pour y déposer mon code de frame de GoogleMap, ça ne prend pas et je n'ai qu'un lien "Agrandir la carte" qui s'affiche sur ma page.. :(

Une idée ?

Répondre à nooby

5

joomlabc, le 14 mar 2009 à 07:39:30
  • +1

C'est en fait ton éditeur qui fait un nettoyage du code à la sauvegarde.

Il faut donc aller dans le menu Site --> Configuration générale et sur la page Site, sélectionner l'option Editor - No Editor pour le paramètre Éditeur WYSIWYG par défaut puis cliquer sur Sauver.

Ensuite tu ouvres ton article et tu colles ton code Google Map et tu sauves. Cette fois ça devrait être bon. Tutoriels et formations Joomla - Joomlabc

Répondre à joomlabc

6

doria2286, le 21 mar 2009 à 16:38:17

G assayer tout ce qui est mentionné dans la discution mais rien n'y fait !
ça fait pas longtemps que je me suis mise à joomla, et c pas évident pour moi d'y intégrer
une carte google map
g inscrit moi code dans une page html indépendante et ça marche à merveille !
pour intégrer la page dans un article, g désactiver l'éditeur (comme joomlabc la recommendé) g copier mon code html dans le texte de l'article. G sauvgarder puis g réactiver l'éditeur.
malheuresement ! c mon code javascript (inscrit dans le head) qui appparait+ un cadran vide (celui qui devrait contenir la carte).

Répondre à doria2286

13

 catch, le 7 oct 2009 à 23:05:53

Merci a toi maintenant sa marche !! top ;)

Répondre à catch

7

joomlabc, le 21 mar 2009 à 18:18:14

Alors essaie d'utiliser une extension Joomla comme par Plugin Googlemaps que tu pourras trouver sur cette page: http://extensions.joomla.org/extensions/photos-&-images/maps/1147/details Tutoriels et formations Joomla - Joomlabc

Répondre à joomlabc

8

doria2286, le 22 mar 2009 à 13:41:44

Joomlabc c'est trop gentil, ça marche enfin !
g pas encore trouver le moyen d'y intégrer plusieurs markers, mais je vais essayer !
mais je me demande comment insérer mes fonctions javascript (inscrites dans le head en général pour que je les appele lors du load de la page ) car l'editeur mon éditeur JCE fait un nettoyage dans le code et quand je n'utilise aucun éditeur je ne sais pas où faire rentrer mon code HTML ?
(je pose cette question car comme je l'ai précisé ultérieurement g pu ajouter une carte dans une page html )

Répondre à doria2286

9

joomlabc, le 22 mar 2009 à 13:52:45

En fait quand tu sélectionnes No éditor dans la configuration général, il n'y a plus de bouton pour afficher l'HTML car ce que tu vois dans la zone de saisie c'est justement du code HTML.

Donc pour toi il te suffit de coller ton code dans la zone de saisie. Par contre je ne comprend pas qu'est-ce que tu veux dire par fonction javascript ? Pourrais-tu nous donner plus d'information. Tutoriels et formations Joomla - Joomlabc

Répondre à joomlabc

10

doria2286, le 22 mar 2009 à 15:55:49

Pour l'histoire de javascript, ci dessous y a mon code pour afficher la carte, y a la fonction initialize() qui ce charger de créer la carte et d'y insérer les markers, cette fonction est inscrite dans la balise head et j'y fait appelle grâce à l'attribut load de la balise "body", quand je copie ce code en désactivant l'editeur dans un article, y le code de la fonction qui s'affiche et non la carte (alors que quand je copie ce code dans le bloc note ça marche !)

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<script src="http://maps.google.com/..."
type="text/javascript">
</script>
<script type="text/javascript">
function initialize()
{ if (GBrowserIsCompatible())
{ var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(36.739984630558446,3.1702423095703125), 11);
//Marqueur lido
var pointLido = new GLatLng(36.7428561895276,3.177022933959961);
map.addOverlay(new GMarker(pointLido));
map.openInfoWindowHtml(pointLido,"SERVICE COMMERCIAL_ LIDO");
//Marqueur Sorécal
var pointSorecal = new GLatLng(36.7351354068674,3.1882452964782715);
map.addOverlay(new GMarker(pointSorecal));
map.openInfoWindowHtml(pointSorecal,"SERVICE TECHNIQUE-SORECAL");

map.setUIToDefault();
} }
</script>
</head>
<body onload="initialize()" onunload="GUnload()">

<div id="map_canvas" style="width: 500px; height: 300px"></div> </body> </html>

Répondre à doria2286

11

joomlabc, le 22 mar 2009 à 18:42:28

Hello,

Dans Joomla il n'est pas possible d'intégrer autre chose que du code HTML dans un article ou un module de type HTML Personnalisé.

Ce que tu peux faire c'est c'est d'installer une extension comme Jumi qui va te permettre d'intégrer ton code Javascript:
http://extensions.joomla.org/extensions/edition/custom-code/­1023/details

Mais je ne comprends pas pkoi tu te compliques la vie avec du Javascript, si tu vas sur map.google.com tu peux créer tes propres carte avec des markers. Ensuite tu n'as plus qu'à copier le code fourni par google. Ce code est 100% HTML entre des balises iframe et peut donc être intégré dans un article.
Tutoriels et formations Joomla - Joomlabc

Répondre à joomlabc

12

doria2286, le 23 mar 2009 à 09:44:23

G compris!
C très sympa de ta part de m'avoir aider , Thanks !

Répondre à doria2286