[tutorial] Mettre une carte Google dans un message

[papicx]

Bonjour à tous,

Je viens d'ajouter une fonctionnalité qui devrait en réjouir plus d'un : la possibilité de mettre une carte Google dans un message.
J'ai essayé de simplifier au maximum la manipulation, mais ce n'a pas été de la tarte.
Je vous met en premier le résumé et à suivre une explication hyper détaillée pour ceux qui découvrent le Google Map.
Je me cantonerai à la fonctionnalité qui nous intéresse.
Voir aussi

• Le lien vers Google Map,
• Manipulations à faire tout en détails,
• Le convertisseur de degrés décimaux en degrés minutes,
• Comment déplacer le pointeur sur la carte ?

###################################

Point de départ, vous allez sur la page Google Map https://www.google.fr/maps/, vous tapez l'adresse postale complète ou le monument que vous recherchez, par exemple, le chateau de Versailles. Je tape

chateau, versailles

dans la barre de recherche.

Copiez, puis coller la barre d'adresse de la page dans le message où vous voulez mettre la carte.

De cette adresse web, copier la suite de chiffres contenue depuis l'arobase ( @) jusqu'au z non-inclus, comme ici en rouge.

https://www.google.fr/maps/place/Ch%C3%A2teau+de+Versailles/@48.804865,2.120355,17z/data=!3m1!4b1!4m2!3m1!1s0x47e67d94d7b14c75:0x538fcc15f59ce8f

Cliquez sur l'icône et coller la suite de chiffres entre les balises comme ceci

Code: Tout sélectionner

[map]48.804865,2.120355,17[/map]

C'est presque fini.
Il faut supprimer la seconde virgule et la remplacer par une espace. Voilà, c'est tout.
le code final donne ça :

Code: Tout sélectionner

[map]48.804865,2.120355 17[/map]

détails :

• 48.804865 c'est la latitude (Nord/Sud) en dégrés décimaux* ce qui correspond à 48°48' 17,5" Nord en degrés minutes,
• 2.120355 c'est la longitude (Ouest/Est) en dégrés décimaux* ce qui correspond à 2°07'13,3" Est en degrés minutes,
• 17 c'est la valeur du zoom de la page Google. Diminuez ce nombre si vous voulez voir de plus haut. ON peut mettre des valeurs décimales, avec un point et non une virgule.

Vous pouvez donc à loisir changer l'un ou l'autre de ces nombres, le point rouge suivra... voir plus en détail la procédure

Après vérification, vous pouvez supprimer la ligne complète que vous aviez collée dans la page, bien entendu.

/!\ : ne confondez pas les valeurs de degrés décimaux avec les valeurs indiquées dans la page qui ELLES sont les valeurs GPS, sinon vos amis se retrouveront à plusieurs kilomètres du lieu de rendez-vous
Si nécessaire, utilisez le convertisseur de degrés décimaux / degrés minutes pour le GPS. (Merci au passage à Alain Sauvaitre de m'avoir fourni le lien).

* Les coordonnées contenues dans la barre d'adresse, sont exprimées en degrés décimaux selon le Système géodésique WGS 84

2014-09-22_123504_3.png

Comment déplacer le pointeur ?
.
.

[papicx]

Haut de page

Regardons la procédure plus en détail dès le début, avec des copies d’écran, toujours en prenant l'exemple du Château de Versailles :

Sur la page Google Map https://www.google.fr/maps/, vous tapez l'adresse complète ou le monument que vous recherchez, par exemple, le Château de Versailles.
Je tape

chateau, versailles

dans la barre de recherche... Notez au passage que Google ne tient pas compte des accents manquants ou des majuscules.

Google m'affiche le résultat dans la fenêtre de recherche

2014-09-21_185255.png

Le Château est alors désigné par le pointeur rouge sur la carte.

2014-09-21_185405.png

Récupérez le lien de la carte

• soit en copiant le lien dans la barre d'adresse (un clic, elle devient bleue) et vous appuyez sur les touches ctrl et C du clavier => l'adresse est copiée.
  
  
    
• Soit en cliquant sur la roue dentée en bas de page à droite...
  
  2014-09-21_214241.png
  
  
  
  • Cliquez sur partager et intégrer la carte,
    
    2014-09-21_214300.png
    
    
  • Surligner et copier ( ctrl + c ) les nombres comme ci-dessus, entre le @ et le z.
    Si la ligne est trop longue, un triple clic sur le lien va le sélectionner en entier, et copiez le.
    
    2014-09-21_214350.png
• Allez dans le message où vous voulez intégrer la carte
  
  • Si vous avez copié tout le lien, coller le dans le message, sélectionnez et copiez les nombres. Vous supprimez tout ce long lien après contrôle.
• Cliquez sur l'icône et collez ( ctrl + v ) les nombres.
• Supprimez la deuxième virgule et changez le par une espace.

Voilà, c'est tout.

Changer le Zoom de la carte :
Si le zoom de la carte ne vous convient pas, on peut le modifier afin d’avoir un peu plus de recul. La valeur 17 est le zoom presque le plus élevé.
Diminuez ce nombre si vous voulez voir de plus haut. On peut mettre des valeurs décimales, avec un point et non une virgule, par exemple :

Code: Tout sélectionner

[map]45.64932,0.154205 11[/map]

Code: Tout sélectionner

[map]45.64932,0.154205 11.25[/map]

La ligne d'aide au dessus des icônes lors de la rédaction des messages est là pour vous rappeler l'essentiel des manipulations, quelque soit le BBcode. Un lien d'aide exhaustif est présent sous l'icone et aussi un lien dans le menu / Aide dans la colonne de gauche sur portail du forum.

Code: Tout sélectionner

 Mettre les coordonnées contenues dans le lien de la page Google : lat, long (situées juste après le @ et jusqu’au z non-inclus), remplacer la seconde virgule par une espace, comme dans l’exemple ci-après. [map]45.64932,0.154205 17[/map] 

.
.

[papicx]

Haut de page

Continuons sur ce même exemple.
Si le pointeur qu'affiche Google Map n'est pas à l'endroit que VOUS voulez, c'est très simple de le déplacer.
Sur la carte, mettez le pointeur de la souris à l'endroit du point désiré, faites clic droit, itinéraire vers ce lieu.

2014-09-23_131819.png

Google déplace le pointeur rouge et trace un itinéraire avec des petits points bleus, clic droit sur le point origine, supprimer cette destination.

2014-09-23_131912.png

Voilà, vous pouvez déplacer le nouveau pointeur rouge exactement où vous voulez. Je ne vous fait pas l'affront de vous expliquer où est le zoom...
Il faut récupérer les nouvelles coordonnées dans le lien Google Map, et les insérer dans le BBcode du message (sans oublier de remplacer la deuxième virgule par une espace).
Le pointeur s'affichera dans le message également.

2014-09-23_132015.png

2014-09-23_132029.png

A vous de jouer

[papicx]

Bonjour à tous.
Voilà, je viens d'activer l'icône pour que vous puissiez l'utiliser.
Seuls, les invités (visiteurs non enregistrés) ne peuvent avoir accès à cette fonctionnalité.
Faites en bon usage, et n'hésitez pas à me notifier s'il y a quelques choses qui ne fonctionne pas, mal expliqué ou que vous ne comprenez pas.

Le tutorial est à présent déverrouillé, vous pouvez donc répondre sous celui-ci.
merci d'avance.
papi

[papicx]