Les tutoriels

Comment intégrer Google Map sur votre site Internet ?

  • Par Arnault, le 24 février 2013
  • 2
  • Catégorie : Html - PHP
  • Facebook 0 Twitter 0 Google+ 0 Linkedin 0 Mail

Google Map est API gratuite de Google. Elle permet d’afficher une carte sur un site internet.

Ce tutoriel vous explique comment l’intégrer sur votre site internet.

Intégrer Google Map sur votre site Internet ?

– Il suffit de copier la ligne suivante, sur votre site internet, à l’endroit ou vos souhaitez incorporer votre plan :

<img src="https://maps.googleapis.com/maps/api/staticmap?center=Paris,FR&zoom=11&size=300x300&maptype=roadmap&markers=color:red|label:A|48.878814,2.391938&sensor=false">

– center=Paris,FR : correspond à la ville et au pays de la carte à afficher (on peux aussi préciser le nom de la rue, l’arrondissement, par ex:Paris19,FR).

– zoom=11 : au zoom de la carte.

– size=300×300 : à la taille d’affichage sur la page web, de la carte.

– maptype=roadmap&markers=color:red|label:A|48.878814,2.391938 : correspond au point rouge à afficher sur la carte.
Pour connaître les coordonnées d’une adresse CLIQUEZ ICI.

– sensor=false : si un GPS, prend en charge le positionnement.

Prenons comme exemple, notre siège social à Paris : Rue de Crimée Paris 19ème

Code du plan ci-dessus :
<img src="https://maps.googleapis.com/maps/api/staticmap?center=4Rue de criméeParis,FR&zoom=16&size=500x500&&maptype=roadmap&markers=color:red|label:A|48.878814,2.391938&sensor=false">

Dans l’exemple ci-dessus, vous remarquerez que nous avons centré notre plan sur “4 Rue de criméeParis,FR“, pour un meilleur résultat.

Voilà, ce tutoriel est fini. N’hésitez pas à me contactez, pour me donner vos avis.

Poster un Commentaire

2 Commentaires sur "Comment intégrer Google Map sur votre site Internet ?"

Me notifier des
avatar
Trier par:   plus récents | plus anciens | plus de votes
Becquereau
Invité
Bonjour, Votre tutoriel est à la fois utile et bien écrit. Merci de la part de tous ceux qui y ont accès et n’ont pas la compétence voulue pour trouver tout seuls la solution. C’est un autre problème que je souhaite vous soumettre: Je voudrais, chaque fois que je lance une recherche sur GoogleMap, afficher le plan (ou la vue satellite) à une échelle différente de celle qui est proposée par défaut. (dans mon cas, avec un coefficient de zoom 4 fois plus faible) D’abord, est-ce possible ? Y a-t-il un paramètre à changer ? J’ai bien sur cherché dans… Read more »
wpDiscuz