SlideShare uma empresa Scribd logo
1 de 4
Composant Google Maps API.
Développé par David Pollack (Site du composant)
Traduction par Daneel (www.joomlafrance.org)


Installation:

1. Installer via l'installeur composant Joomla

2. Configurer le composant
   (Composant, Google_Maps, Configurer)

   les clés de Google API sont disponibles sur http://maps.google.com/apis/maps

   Les clés se réfère à la racine url utilisé par votre installation Joomla:
     ex:   http://joomla.votresite.com     (joomla est configuré en sous-domaine)
           http://www.votresite.com        (joomla est installé à la racine)
           http://www.votresite.com/joomla (joomla est dans un répertoire)

   Le champ de titre apparaîtra au-dessus de la carte, le champ divers apparaîtra au-
dessous d'elle.

3. Désolé, mais vous aurez besoin de modifier votre template qui est utilisé pour
afficher les cartes du composant.

   (Site, Gestion des templates, Templates du site, Sélectionner template par défaut,
Editer le fichier HTML)


   3A: redéfinisser le DOCTYPE (format du fichier) et infos style conformément à la
documentation API:

<!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Strict//ENquot;
quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdquot;>
<html xmlns=quot;http://www.w3.org/1999/xhtmlquot; xmlns:v=quot;urn:schemas-microsoft-com:vmlquot;>

   3B: Modifier les <body> tag *NE PAS EN TENIR COMPTE POUR CETTE VERSION*:

       j'ai ajouté le code qui n'exige plus l'édition du Body Tag. Ainsi si vous
améliorez d'une version précédente
           puis vous devrez ENLEVER le code suivant.

<body <?php if ($option=='com_google_maps') { echo 'onload=quot;initMap()quot;
onunload=quot;GUnload()quot;'; } ?> >

4. Creer un titre de menu

   Dans votre menu principal (main menu), ajouter un titre (Lien - type URL):

   Le nom doit être le nom de votre catégorie googlemap (paris, infosroutes, etc.),
c'est important.

   les liens: index.php?option=com_google_maps

   option de tags à inclure [category=], [marker=], [center=], and [open=]

   Le réglage de la catégorie ou du marqueur par l'identification montrera seulement à
ces points qui sont dans cette catégorie ou marqueur.
   seulement si vous précisez &category=x cela affichera les marqueurs de la catégorie
quot;xquot;.
   Il est maintenant possible d'afficher de multiples catégories en séperant chaque
catégorie par une virgule.
   Par exemple category=x,y,z va afficher les categories x,y,z (note seulement des
chiffres correspondant à l'identification id).
   En outre, la catégorie de ccommunity builder est défini à -3. Si vous faites un
mélange
   de catégorie et puis du filtrage de niveau de marqueur les marqueurs devront être
dans la catégorie et la gamme d'identification de marqueur.

   Le réglage du centre par l'identification id placera le centre de la carte au point
   avec l'identification id correspondante même si un autre point est réglé dans la
configuration.

   Le réglage défini de 0 ou de 1 (oui ou non) ouvrira automatiquement
   la fenêtre d'information pour le point central. Cela annule également celui défini
dans la configuration.

   un exemple complet:

   index.php?option=com_google_maps&category=102,103&center=5&open=1

   Ceci créera une carte qui trace seulement les points dans les catégories 102 et 103,
   et centre la carte sur le point avec une identification de quot; 5 quot; et la fenêtre
d'information s'ouvrira automatiquement.

   Mais se rappeler que la carte la plus fondamentale et l'URL que vous devriez
employer pour tester est :

   index.php?option=com_google_maps


5. Si vous le souhaitez: Creer un lien dans le menu utilisateurs enregistrés (pour
qu'il puisse ajouter leurs marqueurs)

   ajouter un lien URL (Lien - Type URL) dans le menu utilisateur (accessibles
uniquement aux utilisateurs enregistrés)
   Le nom du lien doit est celui que vous voulez (quot;Définir Emplacementquot;). [CETTE OPTION
NE FONCTIONNE PAS ACTUELLEMENT]

   Le lien: index.php?option=com_google_maps&task=new

6. Affiche une dans une fenêtre popup formaté avec un fichier xsl (minipage.xsl).

   Utiliser le format voulu (www.w3c.org pour obtenir des infos sur les modifications
xslt).
   Vous pouvez éditer ce fichier directement dans la configuration de ce composant.
Souvenez-vous d'utiliser
   le format XML et XHTML. Vous pourrez ajouter par exemple liens et calcul itinéraire
dans cette petite fenêtre.
   Allez dans la configuration du composant sous l'onglet XSL pour editer ce fichier.

7. Polylignes.

   C'est un support un peu rudimentaire pour la gestion des Polylignes. Pour creer une
polyligne il vous suffit de créer un marqueur normal
   et suivre les étapes suivantes.

   Premièrement: Selectionner le type de marqueur quot;Polylignequot;.

   Deuxièmement: Dans divers, vous devez préciser les coordonnées des points dans
l'ordre de la ligne à réaliser à partir du point le plus haut
              format ([lat],[lng]. Si vous avez 3 point ou plus les points seront liés
dans l'ordre déterminés
          exemple (40.714167,-74.006389), (34.053659,-118.47926) trace une ligne de Los
Angeles à New York.

   Troisièment: Dans le valeur Polyligne, indiquer la couleur (en RVB hexadecimal) et
l'épaisseur de la ligne en suivant le format:
                 [couleur],[epaisseur en pixel]. C'est de l'option sinon ce sera les
valeurs par défaut.
       Exemple. #FF0000, 10 px donnera une ligne rouge avec une epaisseur de 10 pixels.

8. Ficher XML.
Le composant charge un fichier externe de XML avec les données de la base de
données.
    Ceci devrait diminuer l'accès à la base de données et probablement enlever une
certaine
    charge du serveur. Le fichier de XML est mis à jour chaque fois que vous ajoutez
    un nouveau marqueur ou polyligne à la base de données ou si vous éditez
    l'un ou l'autre type de marqueur. Si vous voulez automatiquement la mise à jour
    le fichier XML, ou à moins que vous ayez Community Builder avec une carte qui
trace
    les utilisateurs en ligne que je ne suggère pas de l'utiliser.
    Pour régénérer manuellement le dossier de XML aller à:

    index.php?option=com_google_maps&task=xml

9. Exemple de sites web. Pour vois une démo de la dernière version du composant allez à
   http://www.atlspecials.com/index.php?option=com_google_maps


10. Module Sidebar

   Le Module sidebar est utilisable avec la dernière version du composant. Si vous avez
un quelconque problème avec ce module
   SVP Laissez un message dans le forum. (forum.joomlafacile.org)

11. Module Yahoo Local Search

   Le module Yahoo Local Search utilise l'API de Yahoo! Local Search pour dessiner les
points sur la Google Map. la recherche
   du module fonctionne uniquement sur la carte des Etats-Unis. La Recherche par zone
dépend du secteur de la carte visualisée.

12. Sauvegarder les données *Depuis la version 2.5*

    Pour sauvegarder les données, vous devez faire une copie du fichier XML sur votre
disque dur avant de désinstaller l'ancienne version
    du composant. Quand vous le réinstaller il vous suffit de cliquer sur parcourir
puis sauver dans l'onglet quot;advancedquot; de la configuration
    du composant. Prenez le fichier XML et télécharger sur le serveur. Attention aux
catégories définis lors de l'envoi du fichier XML d'une
    installation à une autre. Pour obtenir le fichier XML sur le serveur :
http://www.votresite.com/components/com_google_maps/google_maps.xml.

13. Icones personnalisées

    Définissez des icones par catégorie. Pour utiliser cette fonctionnalité donner
simplement un numéro dans la description de la catégorie qui
    correspond à la liste défini dans le fichier quot;gicons.jsquot;. Par défaut vous pouvez
utiliser les chiffres de 0-10. Pour ajouter une icône,
    il vous suffit d'éditer ce fichier gicons pour ajouter numéro et nom de fichier
image gif.

14. Composant GoogleMap dans un article/ en mode wrapper/ en iframe

    Cette version de ce composant peut désormais afficher une carte dans un iframe ou
wrapper aussi pour envoyer une carte dans une page.
    Le chemin à faire est de lier avec l'url
http://www.votresite/index2.php?option=com_google_maps. Vous pouvez utiliser tous les
paramètres
    disponibles pour ce composant dans l'url (categorie/filtre marqueurs, etc) ainsi
que les deux paramètres de taille. [mapWidth=]
    et [mapHeight=] qui changeront respectivement la largeur et la hauteur de la carte
même si la carte est paramétré différemment dans le
    composant.

15. Problèmes connus
Le type de format MIME n'est pas correctement établi pour les fichiers quot;.xslquot;.
Plusieurs difficultés peuvent arriver dont des marqueurs qui
    reste fixes (sans bulles d'affichage).

***** Note Importante ********

Si vous utiliser ce composant sur des sites commerciaux ou dans un site intranet vous
devez regarder attentivement les termes définis par
les Services de Google. Vous aurez besoin d'une clé API Spéciale Entreprise.

Mais conteúdo relacionado

Semelhante a test

Atelier symfony n 3
Atelier symfony n 3Atelier symfony n 3
Atelier symfony n 3Amir Souissi
 
Soutenance Zend Framework vs Symfony
Soutenance Zend Framework vs SymfonySoutenance Zend Framework vs Symfony
Soutenance Zend Framework vs SymfonyVincent Composieux
 
Développement d’extensions WordPress
Développement d’extensions WordPressDéveloppement d’extensions WordPress
Développement d’extensions WordPressChi Nacim
 
Creation de template_joomla_2.5_-_v_1.0
Creation de template_joomla_2.5_-_v_1.0Creation de template_joomla_2.5_-_v_1.0
Creation de template_joomla_2.5_-_v_1.0Faiz Morchid
 
Atelier WordPress: Création d&rsquo;extension WordPress
Atelier WordPress: Création d&rsquo;extension WordPressAtelier WordPress: Création d&rsquo;extension WordPress
Atelier WordPress: Création d&rsquo;extension WordPressIZZA Samir
 
Comment traduire ses bases de données sans douleur
Comment traduire ses bases de données sans douleurComment traduire ses bases de données sans douleur
Comment traduire ses bases de données sans douleurDavid Paccoud
 
Stratégie et veille : Extraire et trier des données en ligne
Stratégie et veille : Extraire et trier des données en ligneStratégie et veille : Extraire et trier des données en ligne
Stratégie et veille : Extraire et trier des données en ligneErwan Tanguy
 
Projet fin annee 2011 master min ISAMM
Projet fin annee 2011 master min ISAMMProjet fin annee 2011 master min ISAMM
Projet fin annee 2011 master min ISAMMAbdelmonem NAAMANE
 
D3 js-last
D3 js-lastD3 js-last
D3 js-lastTECOS
 

Semelhante a test (20)

Backbonejs presentation
Backbonejs presentationBackbonejs presentation
Backbonejs presentation
 
Cours html5
Cours html5Cours html5
Cours html5
 
Content square
Content squareContent square
Content square
 
Atelier template
Atelier templateAtelier template
Atelier template
 
Atelier symfony n 3
Atelier symfony n 3Atelier symfony n 3
Atelier symfony n 3
 
Intro appli facebook_v1.1
Intro appli facebook_v1.1Intro appli facebook_v1.1
Intro appli facebook_v1.1
 
Soutenance Zend Framework vs Symfony
Soutenance Zend Framework vs SymfonySoutenance Zend Framework vs Symfony
Soutenance Zend Framework vs Symfony
 
Développement d’extensions WordPress
Développement d’extensions WordPressDéveloppement d’extensions WordPress
Développement d’extensions WordPress
 
Sudoc plus - Technique
Sudoc plus - TechniqueSudoc plus - Technique
Sudoc plus - Technique
 
Creation de template_joomla_2.5_-_v_1.0
Creation de template_joomla_2.5_-_v_1.0Creation de template_joomla_2.5_-_v_1.0
Creation de template_joomla_2.5_-_v_1.0
 
SPIP-Geoportail
SPIP-GeoportailSPIP-Geoportail
SPIP-Geoportail
 
Atelier WordPress: Création d&rsquo;extension WordPress
Atelier WordPress: Création d&rsquo;extension WordPressAtelier WordPress: Création d&rsquo;extension WordPress
Atelier WordPress: Création d&rsquo;extension WordPress
 
Comment traduire ses bases de données sans douleur
Comment traduire ses bases de données sans douleurComment traduire ses bases de données sans douleur
Comment traduire ses bases de données sans douleur
 
Stratégie et veille : Extraire et trier des données en ligne
Stratégie et veille : Extraire et trier des données en ligneStratégie et veille : Extraire et trier des données en ligne
Stratégie et veille : Extraire et trier des données en ligne
 
jQuery mobile [Part1]
jQuery mobile [Part1]jQuery mobile [Part1]
jQuery mobile [Part1]
 
Projet fin annee 2011 master min ISAMM
Projet fin annee 2011 master min ISAMMProjet fin annee 2011 master min ISAMM
Projet fin annee 2011 master min ISAMM
 
D3 js-last
D3 js-lastD3 js-last
D3 js-last
 
Documentation
DocumentationDocumentation
Documentation
 
Formulaires
FormulairesFormulaires
Formulaires
 
Td4 bibnum
Td4 bibnumTd4 bibnum
Td4 bibnum
 

test

  • 1. Composant Google Maps API. Développé par David Pollack (Site du composant) Traduction par Daneel (www.joomlafrance.org) Installation: 1. Installer via l'installeur composant Joomla 2. Configurer le composant (Composant, Google_Maps, Configurer) les clés de Google API sont disponibles sur http://maps.google.com/apis/maps Les clés se réfère à la racine url utilisé par votre installation Joomla: ex: http://joomla.votresite.com (joomla est configuré en sous-domaine) http://www.votresite.com (joomla est installé à la racine) http://www.votresite.com/joomla (joomla est dans un répertoire) Le champ de titre apparaîtra au-dessus de la carte, le champ divers apparaîtra au- dessous d'elle. 3. Désolé, mais vous aurez besoin de modifier votre template qui est utilisé pour afficher les cartes du composant. (Site, Gestion des templates, Templates du site, Sélectionner template par défaut, Editer le fichier HTML) 3A: redéfinisser le DOCTYPE (format du fichier) et infos style conformément à la documentation API: <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Strict//ENquot; quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdquot;> <html xmlns=quot;http://www.w3.org/1999/xhtmlquot; xmlns:v=quot;urn:schemas-microsoft-com:vmlquot;> 3B: Modifier les <body> tag *NE PAS EN TENIR COMPTE POUR CETTE VERSION*: j'ai ajouté le code qui n'exige plus l'édition du Body Tag. Ainsi si vous améliorez d'une version précédente puis vous devrez ENLEVER le code suivant. <body <?php if ($option=='com_google_maps') { echo 'onload=quot;initMap()quot; onunload=quot;GUnload()quot;'; } ?> > 4. Creer un titre de menu Dans votre menu principal (main menu), ajouter un titre (Lien - type URL): Le nom doit être le nom de votre catégorie googlemap (paris, infosroutes, etc.), c'est important. les liens: index.php?option=com_google_maps option de tags à inclure [category=], [marker=], [center=], and [open=] Le réglage de la catégorie ou du marqueur par l'identification montrera seulement à ces points qui sont dans cette catégorie ou marqueur. seulement si vous précisez &category=x cela affichera les marqueurs de la catégorie quot;xquot;. Il est maintenant possible d'afficher de multiples catégories en séperant chaque catégorie par une virgule. Par exemple category=x,y,z va afficher les categories x,y,z (note seulement des chiffres correspondant à l'identification id). En outre, la catégorie de ccommunity builder est défini à -3. Si vous faites un mélange de catégorie et puis du filtrage de niveau de marqueur les marqueurs devront être
  • 2. dans la catégorie et la gamme d'identification de marqueur. Le réglage du centre par l'identification id placera le centre de la carte au point avec l'identification id correspondante même si un autre point est réglé dans la configuration. Le réglage défini de 0 ou de 1 (oui ou non) ouvrira automatiquement la fenêtre d'information pour le point central. Cela annule également celui défini dans la configuration. un exemple complet: index.php?option=com_google_maps&category=102,103&center=5&open=1 Ceci créera une carte qui trace seulement les points dans les catégories 102 et 103, et centre la carte sur le point avec une identification de quot; 5 quot; et la fenêtre d'information s'ouvrira automatiquement. Mais se rappeler que la carte la plus fondamentale et l'URL que vous devriez employer pour tester est : index.php?option=com_google_maps 5. Si vous le souhaitez: Creer un lien dans le menu utilisateurs enregistrés (pour qu'il puisse ajouter leurs marqueurs) ajouter un lien URL (Lien - Type URL) dans le menu utilisateur (accessibles uniquement aux utilisateurs enregistrés) Le nom du lien doit est celui que vous voulez (quot;Définir Emplacementquot;). [CETTE OPTION NE FONCTIONNE PAS ACTUELLEMENT] Le lien: index.php?option=com_google_maps&task=new 6. Affiche une dans une fenêtre popup formaté avec un fichier xsl (minipage.xsl). Utiliser le format voulu (www.w3c.org pour obtenir des infos sur les modifications xslt). Vous pouvez éditer ce fichier directement dans la configuration de ce composant. Souvenez-vous d'utiliser le format XML et XHTML. Vous pourrez ajouter par exemple liens et calcul itinéraire dans cette petite fenêtre. Allez dans la configuration du composant sous l'onglet XSL pour editer ce fichier. 7. Polylignes. C'est un support un peu rudimentaire pour la gestion des Polylignes. Pour creer une polyligne il vous suffit de créer un marqueur normal et suivre les étapes suivantes. Premièrement: Selectionner le type de marqueur quot;Polylignequot;. Deuxièmement: Dans divers, vous devez préciser les coordonnées des points dans l'ordre de la ligne à réaliser à partir du point le plus haut format ([lat],[lng]. Si vous avez 3 point ou plus les points seront liés dans l'ordre déterminés exemple (40.714167,-74.006389), (34.053659,-118.47926) trace une ligne de Los Angeles à New York. Troisièment: Dans le valeur Polyligne, indiquer la couleur (en RVB hexadecimal) et l'épaisseur de la ligne en suivant le format: [couleur],[epaisseur en pixel]. C'est de l'option sinon ce sera les valeurs par défaut. Exemple. #FF0000, 10 px donnera une ligne rouge avec une epaisseur de 10 pixels. 8. Ficher XML.
  • 3. Le composant charge un fichier externe de XML avec les données de la base de données. Ceci devrait diminuer l'accès à la base de données et probablement enlever une certaine charge du serveur. Le fichier de XML est mis à jour chaque fois que vous ajoutez un nouveau marqueur ou polyligne à la base de données ou si vous éditez l'un ou l'autre type de marqueur. Si vous voulez automatiquement la mise à jour le fichier XML, ou à moins que vous ayez Community Builder avec une carte qui trace les utilisateurs en ligne que je ne suggère pas de l'utiliser. Pour régénérer manuellement le dossier de XML aller à: index.php?option=com_google_maps&task=xml 9. Exemple de sites web. Pour vois une démo de la dernière version du composant allez à http://www.atlspecials.com/index.php?option=com_google_maps 10. Module Sidebar Le Module sidebar est utilisable avec la dernière version du composant. Si vous avez un quelconque problème avec ce module SVP Laissez un message dans le forum. (forum.joomlafacile.org) 11. Module Yahoo Local Search Le module Yahoo Local Search utilise l'API de Yahoo! Local Search pour dessiner les points sur la Google Map. la recherche du module fonctionne uniquement sur la carte des Etats-Unis. La Recherche par zone dépend du secteur de la carte visualisée. 12. Sauvegarder les données *Depuis la version 2.5* Pour sauvegarder les données, vous devez faire une copie du fichier XML sur votre disque dur avant de désinstaller l'ancienne version du composant. Quand vous le réinstaller il vous suffit de cliquer sur parcourir puis sauver dans l'onglet quot;advancedquot; de la configuration du composant. Prenez le fichier XML et télécharger sur le serveur. Attention aux catégories définis lors de l'envoi du fichier XML d'une installation à une autre. Pour obtenir le fichier XML sur le serveur : http://www.votresite.com/components/com_google_maps/google_maps.xml. 13. Icones personnalisées Définissez des icones par catégorie. Pour utiliser cette fonctionnalité donner simplement un numéro dans la description de la catégorie qui correspond à la liste défini dans le fichier quot;gicons.jsquot;. Par défaut vous pouvez utiliser les chiffres de 0-10. Pour ajouter une icône, il vous suffit d'éditer ce fichier gicons pour ajouter numéro et nom de fichier image gif. 14. Composant GoogleMap dans un article/ en mode wrapper/ en iframe Cette version de ce composant peut désormais afficher une carte dans un iframe ou wrapper aussi pour envoyer une carte dans une page. Le chemin à faire est de lier avec l'url http://www.votresite/index2.php?option=com_google_maps. Vous pouvez utiliser tous les paramètres disponibles pour ce composant dans l'url (categorie/filtre marqueurs, etc) ainsi que les deux paramètres de taille. [mapWidth=] et [mapHeight=] qui changeront respectivement la largeur et la hauteur de la carte même si la carte est paramétré différemment dans le composant. 15. Problèmes connus
  • 4. Le type de format MIME n'est pas correctement établi pour les fichiers quot;.xslquot;. Plusieurs difficultés peuvent arriver dont des marqueurs qui reste fixes (sans bulles d'affichage). ***** Note Importante ******** Si vous utiliser ce composant sur des sites commerciaux ou dans un site intranet vous devez regarder attentivement les termes définis par les Services de Google. Vous aurez besoin d'une clé API Spéciale Entreprise.