Comment intégrer Google Maps à son site Web

Google Maps existe depuis 2005. En l’espace de 15 ans, ce service est devenu indispensable. En effet, il vous permet désormais de mieux vous situer et connaitre les distances vous séparant d’un endroit spécifique. L’intégration de Google Maps dans votre site Web est l’une des meilleures choses que vous puissiez faire pour de nombreuses raisons. Je vais de ce fait vous expliquer comment intégrer Google Maps à votre site internet.

Intégrer Google Maps à son site est-il payant ?

Beaucoup de personnes ont été surprises par l’annonce de Google en 2018. En effet, ces derniers ont invités les utilisateurs de leurs systèmes à renseigner les coordonnées bancaires afin de pouvoir continuer à utiliser leurs services.

Cependant, il n’en est rien. Le service de Google Maps et bel et bien toujours gratuit. Il en va de même pour la création de cartes personnalisées. Ce qui est devenu payant est la confection de cartes beaucoup élaborées et utilisant les API de Google Maps. Il est à noter que les cartes élaborées sont principalement celle utilisant Street View et la recherche d’itinéraire.

Comment créer une carte personnalisée sur Google Maps ?

Afin de créer votre propre carte personnalisée pour montrer une adresse ou un itinéraire, il vous est possible d’utiliser le service “My Maps” de Google. Pour cela, une fois connecté à votre compte Google, cliquez sur “créer une carte“.

Cliquez sur “Carte sans titre” afin de donner un nom à votre carte.

Ajoutez un titre à votre carte ainsi qu’une description et cliquez sur le bouton “Enregistrer“.

Il est maintenant nécessaire de créer différents calques. On parle de calques pour un ensemble de lieux. Il est de ce ce fait possible de créer un calque définissant des lieux de restaurant, des lieux que vous avez visité par exemple.

Lors de la création de votre carte, Google Maps vous facilite la tâche en créant pour vous, le premier calque se nommant “calque sans titre“. Vous pouvez renommer ce calque par un simple clic dessus.

Pour ajouter un lieu à votre carte, il vous suffit dans un premier temps, de le rechercher par le biais du système de recherche se trouvant en haut de votre Maps.

Cela va vous créer un marqueur sur le lieu concerné par votre recherche. Côté gauche, sur votre carte, en cliquant sur “+” se trouvant derrière votre lieux, il vous est possible d’ajouter un marqueur à votre carte.

Par défaut, sur votre carte, le marqueur est de couleur bleu. Il vous est possible de modifier la couleur de ce dernier en cliquant sur l’onglet “style“.

Google Maps vous propose d’intégrer une description, des photos ou un itinéraire à votre carte. Une fois cette dernière fini, il vous est possible de la partager facilement et rapidement sur votre blog. Pour cela, il vous suffit de cliquer sur l’onglet “partager“.

Google Maps vous demandera qui peut avoir accès à votre carte. Vous avez le choix entre trois possibilités qui sont les suivantes:

• Activé Public: Tous les internautes pourront avoir accès à votre carte.
• Activé (toutes les personnes disposant du lien): Seul les personnes disposant du lien de la carte pourront avoir accès à cette dernière.
• Désactivé: Vous pouvez partager la carte avec des personnes spécifiques.

Cliquez sur les trois petits points “paramètres” se trouvant en haut à gauche de votre carte et définissez “Intégrer la carte à mon site“.

Un code Iframe va vous être communiqué. Copiez le code afin de l’intégrer à votre site Web. Cela peut s’intégrer sur votre site WordPress lors de la création de votre site Web.

Comment intégrer Google Maps par API ?

Dans certains cas, il peut être plus simple de travailler avec des API. En effet, cela s’avère très rapide et particulièrement adapté si vous n’avez aucune connaissance en programmation. Cependant, il peut être conseillé d’avoir quelques notions en javascript.

Tout comme lors de l’intégration de Google Maps par le biais de l’iframe, il vous faudra dans un premier temps créer un compte Google.  Choisissez l’API désiré et effectuez une demande de clé.

Cliquez sur le bouton “Continuer“. Acceptez les “Conditions Générales d’Utilisation“. Créez ensuite votre projet afin d’obtenir vos clés API.

Une fois les clés obtenus, rendez-vous sur le Guide de Google Maps afin de connaître la procédure d’intégration.

Intégrer Google Map, Conclusion

Vous êtes désormais en mesure d’intégrer Google Maps à votre site Web. Google Maps est gratuit, cependant quelques fonctionnalités tels que Street View sont payant depuis 2018. Il existe de nombreux avantages à l’intégration d’une carte sur votre site Web. L’intégration d’une carte par le biais d’un Iframe sur votre site Web reste dans beaucoup de cas, une solution suffisante.