Google Maps - IMC Conseil

Google Maps
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
1
Sommaire
Présentation ...................................................................................................................................3
Création d’un compte Google, connexion à Google Maps ...............................................................4
Création d’un compte Google......................................................................................................4
Inscription aux services Google Maps ..........................................................................................6
Création d’une carte de points géographiques ................................................................................8
Création de la carte en elle-même...............................................................................................8
Ajout des points géographiques ................................................................................................10
Intégration d’une carte Google Maps dans une page Typo3 ..........................................................15
Récupération du code HTML ..................................................................................................... 15
Intégration à typo3 ...................................................................................................................16
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
2
Présentation
Google Maps est un service gratuit de cartographie en ligne. Le service a été créé par Google. Lancé
en 2004 aux États-Unis et au Canada et en 2005 en Grande-Bretagne (sous le nom de Google Local),
Google Maps a été lancé jeudi 27 avril 2006, simultanément en France, Allemagne, Espagne et Italie.
Ce service permet, à partir de l'échelle d'un pays, de pouvoir zoomer jusqu'à l'échelle d'une rue.
Deux types de vue sont disponibles : une vue en plan classique, avec nom des rues, quartier, villes et
une vue en image satellite, qui couvre aujourd'hui le monde entier.
L’utilisation que l’on peut vouloir faire de ce service est de :
-
Préciser un lieu (le siège de l’ADIL, par exemple) grâce à une carte
Faire une carte des permanences
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
3
Création d’un compte Google, connexion à Google Maps
Création d’un compte Google
La création se fait via le site de Google, http://www.google.fr
Cliquer sur Connexion
Cliquer sur Créer un compte gratuitement
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
4
Vous devez alors remplir scrupuleusement le formulaire et accepter les conditions d’utilisations.
La création d’un compte Google vous permet instantanément de bénéficier :
•
•
•
D’une adresse mail Gmail
Des services Google Analytics
Des services Google Maps
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
5
Inscription aux services Google Maps
Une fois votre compte Google créé, il suffit de se rendre sur http://maps.google.fr
Cliquer sur Connexion
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
6
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
7
Création d’une carte de points géographiques
Création de la carte en elle-même
Dans Mes Adresses
Une carte doit être nommée et on doit préciser son statut de confidentialité :
-
Publique : votre carte est accessible par tout le monde (en lecture seule). Elle peut ressortir
dans les résultats de recherche de Google.
Privée : votre carte n’est accessible qu’aux personnes que vous autorisez
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
8
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
9
Ajout des points géographiques
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
10
Dans la zone de recherche, je précise l’adresse à rechercher
Je clique sur le point trouvé (A)
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
11
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
12
Je décide de l’ajouter à mes cartes par le lien adéquat
Je précise ma carte et j’enregistre
Il me reste à personnaliser les données du point. Cliquer sur le point puis sur le crayon
Je peux alors personnaliser le titre, la description, le marqueur,…
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
13
Pensez à enregistrer régulièrement votre travail
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
14
Intégration d’une carte Google Maps dans une page Typo3
Nous utiliserons à cette fin un bloc HTML.
Récupération du code HTML
Tout d’abord, nous devons récupérer le code dans Google Maps
Copier le code
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
15
Intégration à typo3
Dans mon bloc Page, j’ajoute un bloc HTML brut
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
16
Je précise un nom dans l’onglet Général, puis je me rends dans l’onglet HTML.
Je colle le code HTML dans la zone HTML.
Ma carte est dorénavant intégrée dans Typo3.
Tutoriel Google Maps - IMC Conseil – Novembre 2012 |
17