Tutoriel : créer une carte personnalisée avec Google Map

Transcription

Tutoriel : créer une carte personnalisée avec Google Map
http://affichagelibre.wordpress.com
Tutoriel : créer une carte personnalisée avec Google Map
http://espacemultimedia.cc- canton- rocheserviere.fr/index.php/2012/06/tutoriel- creer- une- carte- personnalisee- avec- google- map/
October 15, 2012
Google Map est un service de cart ographie en ligne proposé par Google. Il permet en aut re de
consult er des cart es, à part ir de l’échelle d’un pays jusqu’à l’échelle d’une rue selon dif f érent es vues :
sat ellit e (vue du ciel), plan, relief …
Out re ses f onct ions de recherche de lieu ou de calcul d’it inéraire, Google Map dispose d’une
f onct ionnalit é permet t ant de créer des cart es personnalisées. En quelques clics, on peut annot er ses
endroit s préf érés, t racer des it inéraires ou des zones précises, int égrer des phot os et des vidéos et
publier cet t e cart e sur le web pour la part ager avec ses amis. Le pré requis : disposer d’un compt e
Google (grat uit ).
Naviguer sur Google Map
La navigat ion sur la cart e s’ef f ect ue soit à l’aide des bout ons sit ués à droit e de
l’écran ou bien avec la souris. Dans ce cas, ut ilisez le cliqué glissé (maint enir le
bout on gauche de la souris appuyé en vous déplaçant ) pour vous déplacer sur la
cart e, la molet t e de la souris permet de zoomer en avant ou en arrière.
Créer sa première carte
Cliquez sur le bout on Mes adresses puis sur Créer une carte. Ajout ez un t it re pour vot re cart e et
évent uellement une descript ion. Cliquer sur Enregistrer pour sauvegarder la cart e.
Vous pouvez déf inir les paramèt res de part age de vot re cart e :
Publique : la cart e peut êt re part agée avec t ous les ut ilisat eurs sur Int ernet
Privé : la cart e n’est pas part agée ou uniquement avec cert aines personnes de vot re choix.
Ajouter un repère
Un repère est un point sit uant un lieu sur une cart e. Cliquez sur l’icône repère. Le point eur de la souris
se t ransf orme en « X ». Cliquez à l’endroit ou vous souhait ez placer le repère pour le f ixer. Vous
pouvez ensuit e ajout er un titre et une description au repère. Cliquez enf in sur OK pour valider la
créat ion du repère.
Vous pouvez également modif ier l’icône de vot re repère à part ir d’une list e proposée par Google
mais aussi enrichir la mise en f orme de vot re descript ion, vous pouvez alors ajout er un lien vers un
sit e Int ernet ou une image au repère.
Il est possible de créer aut ant de point s que vous le souhait ez. Pour modif ier le repère, maint enez le
bout on gauche de la souris appuyé sur celui-ci et posit ionnez le ou bon vous semble. Cliquer sur le
bout on OK pour passer du mode créat ion en mode visualisat ion et voir vot re cart e une f ois le repère
créé :
Ajouter une ligne
La créat ion d’une ligne permet d’af f icher un it inéraire sur la cart e. Cliquez sur l’icône Ligne puis sur
T racer une ligne dans le menu déroulant . Placez le curseur de vot re souris à l’endroit désiré puis
cliquez pour t racer la ligne. Cont inuez de cliquer avec le bout on gauche de la souris pour t racer les
dif f érent s point s de vot re ligne. Enf in, ef f ect uez un double clic gauche pour t erminer la ligne. L’opt ion
T racer une ligne le long des routes permet de créer un linéaire qui suivra les courbes des rout es
exist ant es.
Une f ois vot re ligne t racée, comme pour un repère, vous pouvez ajout er un t it re, une descript ion et
modif ier le st yle de ligne (couleur du t rait , épaisseur, opacit é)
Modif ier une ligne
Pour modif ier une ligne exist ant e, assurez-vous d’êt re en mode de créat ion en cliquant sur le bout on
Modif ier. Survolez ensuit e vot re ligne pour f aire apparaît re les dif f érent s point s qui la compose.
Ef f ect uez un cliquer glisser sur un de ces point s pour le déplacer à l’endroit souhait é. En ef f ect uant un
clic du bout on droit de la souris sur un point , vous obt enez un menu cont ext uel permet t ant
not amment de supprimer un point. Pour ajout er un point , cliquer sur la ligne direct ement du bout on
droit de la souris et choisissez Ajouter un point.
Voici à présent not re cart e avec la ligne t racée. Google Map af f iche également la dat e de mise à jour
ainsi que la longueur de la ligne en kms.
Ajouter une f orme
Une f orme est un objet surf acique de la cart e, elle permet de met t re en évidence une zone, une
emprise. Cliquer sur l’icône Ligne puis sur Dessiner une f orme. Comme pour la créat ion d’une ligne,
placez vot re souris à l’endroit désiré et ef f ect ué plusieurs clics gauches pour créer les dif f érent s
point s délimit ant vot re f orme, en t erminant par un double clic. Ajout ez ensuit e un t it re et une
descript ion à vot re f orme. Vous pouvez également modif ier la couleur et l’opacité de la f orme en
cliquant sur l’icône en haut à droit e. La modif icat ion d’une f orme s’ef f ect ue de la même manière que
pour une ligne.
Vous pouvez réorganiser les élément s af f ichés sur vot re cart e par un cliquer glisser.
Imprimer votre carte
L’icône représent ant une imprimant e vous permet d’imprimer vot re cart e en plein écran
Partager une carte avec des amis
Il vous est possible d’envoyer un lien vers la cart e créée à vos amis en cliquant sur l’icône lien et en
recopiant ce lien par e-mail (clic droit > copier)
Permettre à vos amis de modif ier la carte
Vous pouvez permet t ra la modif icat ion de vot re cart e par vos amis qui pourront a leur t our ajout er
des repères, lignes, f ormes. Pour cela cliquer sur le bout on collaborer. Dans la nouvelle f enêt re qui
s’af f iche, vous pouvez ajout er les adresses e-mail de vos collaborat eurs et leur permet t re ou non la
modif icat ion de la cart e. Il est possible d’envoyer des invit at ions direct ement depuis cet t e f enêt re
Ajouter votre carte sur votre site Internet ou Blog
Vous pouvez ajout er cet t e cart e sur vot re sit e Int ernet ou blog en récupérant le code ht ml. Pour cela,
cliquez sur l’icône lien puis sur Personnaliser et prévisualiser la carte intégrée
Dans la nouvelle f enêt re qui s’ouvre, vous pouvez ajust er la t aille de la cart e à insérer dans vot re sit e.
Recopiez ensuit e le code html et collez le dans la page de vot re sit e Int ernet en mode source.
T utoriel vidéo
: http://www.youtube.com/v/_8Rvp6xMI78
Ret rouver ce t ut oriel en vidéo ci-dessous