Comment intégrer Google Map sur votre site Internet ?

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="http://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="http://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.

Share Button

2 commentaires pour “Comment intégrer Google Map sur votre site Internet ?

  1. 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 l’aide, mais pas sur tous les forums. Il y a peut-être déjà une réponse toute faite qui m’attend quelque part. Mes excuses si c’est le cas.

    Salutations,
    JLB29P

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

La modération des commentaires est activée. Votre commentaire peut prendre un certain temps avant d'apparaître.

Abonnez-vous à notre newsletter
  • Vous informer des derniers tutoriels publiés
  • Newsletter hebdomadaire

Saisissez votre email,