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



Essayez Notre Instrument Pour Éliminer Les Problèmes

Google Maps est une «carte» intelligente qui apporte des tonnes de fonctionnalités, telles que Planification de voyage , Itinéraires en BUS , Indicateurs de trafic , Directions routières , 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 le contactez-nous pages et également lorsque vous recherchez une entreprise ou une organisation sur Google, la carte et les informations sur l'entreprise s'affichent généralement sur le côté droit.



Dans ce guide, nous discuterons de différentes manières d'utiliser le Google Maps pour votre entreprise et pour vos sites Web, outre 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 formulaire HTML, dans lequel les utilisateurs peuvent entrer JUSTE leur adresse et obtenir un itinéraire vers la vôtre, ce qui évite à 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 à partir de '



20/02/2016_133807

Vous pouvez également ajuster la taille de la carte à partir du menu déroulant et testez 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 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 sur 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.

2016-02-20_140014

Exemple de formulaire Google Directions routières


Entrez votre adresse de départ:



2 minutes de lecture