Chargement…
Ajouter Google Maps Sur Une Page Web

Ajouter Google Maps Sur Une Page Web



Google Maps et sans doute un des meilleurs outils sur le web, il aide a trouver sa direction en ligne, visualiser différentes villes et pays par satellite, mais aussi il permet d’intégrer directement la position d’un magasin ou une entreprise sous forme de carte. Cette dernière option est ce qui nous intéresse. On va vous montrer comment ajouter google maps sur une page web, et cela on insérant quelques codes en CSS pour changer le style et le design standard du code d’intégration proposé par Google.

Intégrer Google Maps Sur Une Page Web

Après avoir choisie la position de votre entreprise ou magasin :

Google Maps Sur Une Page Web

Cliquez sur l’icone encadrer en Rouge (Lien) et vous aurez le code standard à intégrer sur votre site :

Google Maps Sur Une Page Web

Le Code HTML

Comme vous pouvez voir dans votre écran ce code est très simple et affiche une carte standard.

Ajouter de style à votre carte

On peux modifier le code pour avoir un style plus jolie, on change la largeur à 600px, la frameborder à 3 et on modifie le lien (Agrandir la Carte) en blanc, alors notre code sera :

On peux aussi enlever le lien Agrandir la Carte et utiliser le code directement :

Cela donnera la carte en forme de carré :

Google Map Sous forme de Carré

On peux s’amuser encore avec ce code et mettre la carte totalement en pleins écran :

Google Map plein écran

A vous de Tester, dans la partie HTML :

Dans votre feuille de style (style.css) :

Voila, si vous voulez mettre encore plus de créativité dans votre carte, vous pouvez utiliser l’API de Google Map, Rendez-vous ici : Lien

Bonne Continuation et merci d’avoir lu se petit tutoriel!



Laisser un commentaire