mardi 21 mars 2017

Comment intéger une Google Map sur son site ou Blog ?


  • Ensuite, en haut à gauche, cliquez sur "Partager"
  • Une fenêtre pop-up s'ouvre, choisissez l'onglet "intégrer la carte". 
  • La dimension est "moyenne" par défaut (450 x 600 px) mais vous pouvez choisir "petite, grande ou personnalisée". Remarque: Quelque soit votre choix, il sera toujours possible de changer les dimensions de l'iframe ultérieurement.





Voici le code obtenu.
C'est donc bien un iframe. 
Il suffira de l'intégrer dans le body de votre page à l'endroit que vous voulez. 
Truc: En mode WYSIWYG, vous pouvez taper "ICI" (ou "Rédiger" dans Blogger), le centrer ou ce que vous voulez, passer en mode HTML, rechercher (Ctrl+f) et repérer le "ICI" et coller le code de l'iframe à la place...

Retour au mode WYSIWYG, et normalement votre iframe est visible.


<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d2703.2995152679!2d-3.1549771225145995!3d47.347550071567504!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sfr!2sus!4v1490111725203" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Et voilà votre "map" est prête!




Et pour un trajet:



Notes

  • Elle peut ne pas être bien centrée comme vous le voulez. Il faudra donc -peut-être...- faire plusieurs essais ou bidouiller le code de l'iframe
  • Les informations touristiques peuvent vites devenir obsolètes

Aucun commentaire:

Enregistrer un commentaire