Les tutoriels

Les plus populaires


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.

2
Poster un Commentaire

avatar
1 Fils de commentaires
1 Réponses de fil
0 Abonnés
 
Commentaire avec le plus de réactions
Le plus populaire des commentaires
2 Auteurs du commentaire
ArnaultBecquereau Auteurs de commentaires récents
  S’abonner  
plus récent plus ancien Le plus populaire
Notifier de
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… Lire la suite »