Comment ajouter des itinéraires routiers Google à votre site Web

Google Maps est une «carte» intelligente qui apporte des tonnes de fonctionnalités, telles que la planification de voyage, les itinéraires de bus, les indicateurs de trafic, les itinéraires routiers, le calculateur de distance dans plusieurs vues telles que satellite, temps réel et hybride. Vous avez peut-être vu ces cartes intégrées sur de nombreux sites Web, en particulier sur les pages de contact et également lorsque vous recherchez une entreprise ou une organisation sur Google, la carte et les informations commerciales sont généralement affichées sur le côté droit.

Dans ce guide, nous discuterons de différentes manières d’utiliser Google Maps pour votre entreprise et pour vos sites Web, mis à part les méthodes générales utilisées pour intégrer Google Maps, je vous guiderai également à travers les étapes de création d’un code HTML. formulaire, où les utilisateurs peuvent entrer JUSTE leur adresse et obtenir un itinéraire vers la vôtre, ce qui élimine le besoin pour l’utilisateur de rechercher sur Google et d’accéder à Google Maps.

Intégrer Google Map

Si vous souhaitez simplement montrer votre emplacement ou un itinéraire spécifique aux visiteurs, l’intégration de Google Maps suffirait. Suivez ces étapes pour intégrer votre position ou un itinéraire spécifique.

Aller à Google Maps et recherchez l’emplacement ou un itinéraire spécifique en tapant l’adresse dans la zone de recherche.

20/02/2016_133558

Après avoir saisi l’adresse, recherchez-la et lorsque vous la voyez, cliquez sur le bouton PARTAGER (2), puis copiez le code en commençant par «

20/02/2016_133807

Vous pouvez également ajuster la taille de la carte dans la liste déroulante et tester différentes tailles jusqu’à ce que vous vous adaptiez à celle qui correspond le mieux à votre site. Ce code sera ensuite placé sur la page où vous souhaitez afficher l’adresse.

20/02/2016_134356

Voici à quoi ressemblera la cartographie une fois qu’elle aura été intégrée à votre site et c’est la méthode la plus largement utilisée pour intégrer Google Maps. C’est très utile – mieux que d’afficher simplement votre adresse sous forme de texte.

Créez un formulaire pour obtenir les DIRECTIONS Google

Cependant, si votre utilisateur souhaite obtenir les directions, il devra cliquer sur Directions qui s’ouvrira dans une nouvelle fenêtre et saisira son adresse. À mon avis, il est préférable que l’utilisateur ne soit pas redirigé vers un autre site pour effectuer toutes les étapes supplémentaires, il pourrait obtenir un itinéraire directement via votre site en entrant simplement l’adresse.

Vous pouvez ajouter le formulaire Google Directions routières n’importe où sur votre blog ou votre site Web, vous devrez placer le code dans la source de la page où vous souhaitez que le formulaire apparaisse. Dans ce formulaire, votre visiteur verra une zone de texte pour saisir son adresse de point de départ et un bouton cliquable. Le formulaire Google les amènera automatiquement à Google Maps, en leur montrant les directions du conducteur jusqu’à votre domicile.

Copiez le code HTML suivant.

Entrez votre adresse de départ:



Dans le code ci-dessus, remplacez 34 5th Avenue, New York, NY par votre adresse. Une fois le code placé sur votre site, voici à quoi il ressemblera.

20/02/2016_140014

Exemple de formulaire Google Directions routières

Entrez votre adresse de départ:

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *