Même si il ya tellement de nombreuses applications cartographiques et de services pour vous rendre d’un point a à Un point B, le définitif, le roi des cartes Google Maps. Je l’utilise sur mon ordinateur, tablette et 90% du temps sur mon smartphone. C’est l’un des meilleurs de données, la plupart de navigation et les options de routage et de fonctionnalités intéressantes comme la Vue de la Rue et de la marche, du vélo et des transports en commun d’informations.
Mais que faire si vous avez besoin d’utiliser une carte ou les directions à l’extérieur du site de Google? Supposons que vous avez votre propre site de mariage ou un blog personnel et les clients peuvent visiter votre site, tapez l’adresse de provenance automatiquement et obtenir les directions à l’emplacement de l’évènement!
Eh bien, il ya un couple de façons dont vous pouvez aller sur l’accomplissement de cette. Le moyen le plus facile est de simplement intégrer la carte sur votre page web en utilisant le embed code généré par Google Maps. La deuxième manière est un peu plus technique, mais plus personnalisable et dynamique. Je vais vous parler de deux méthodes ci-dessous.
Intégration De Google Map
Si vous ne voulez afficher que les directions à partir d’un emplacement à un autre, la meilleure chose à faire est d’intégrer quelle que soit la carte que vous affichez à l’aide du code d’intégration. Tout d’abord, aller de l’avant et de l’installation les instructions données que vous voulez dans Google Maps et cliquez ensuite sur l’icône d’engrenage en bas à droite de la page.
Cliquez sur Partager ou intégrer la carte , puis cliquez sur le Intégrer la carte à onglet. Ici, vous pouvez choisir une taille pour votre carte, puis copiez le code iframe et déposer sur n’importe quelle page web que vous souhaitez.
Le seul inconvénient de cette méthode est que l’utilisateur voit juste une carte statique. Dans la deuxième méthode ci-dessous, vous pouvez créer un formulaire par lequel l’utilisateur peut entrer une adresse de départ et il va générer une carte à partir de cette adresse pour une adresse de destination de votre choix.
Créer Des Cartes Google Maps Forme
Pour illustrer ce que je veux dire par la seconde méthode, allez-y et tapez une adresse dans la boîte ci-dessous pour obtenir les directions à partir de votre emplacement de ma maison:
Entrez votre adresse de départ:
Cool hein? Vous pouvez facilement créer ce petit formulaire sur un site web, blog, ou n’importe où vous pouvez mettre dans le code HTML! C’est également idéal pour les petites entreprises des sites web que vous pouvez jeter sur votre page de contact et les gens peuvent obtenir les directions rapidement, plutôt que d’avoir à les copier votre adresse, ouvrez une nouvelle fenêtre, puis tapez dans leur adresse de départ.
Comment pouvons-nous donc sur la création de ce modifiés obtenir les directions de la boîte? Eh bien d’abord, nous avons besoin de trouver la bonne syntaxe de l’URL que Google utilise pour les directions. Heureusement, on peut comprendre que par l’obtention de sens entre les deux endroits, et puis il suffit de copier l’URL dans la barre d’adresse. Vous pouvez également cliquer sur la petite icône en forme d’engrenage en bas à droite de la page et choisir de Partager ou intégrer la carte.
Le lien de Partage onglet contiendra l’URL, ce qui est la même URL dans votre barre d’adresse du navigateur. J’ai pris de l’avance et coller l’adresse URL ci-dessous pour vous montrer à quoi il ressemble.
https://www.google.com/maps/dir/3600+Thorp+Springs+Dr,+Plano,+TX+75025,+USA/ 854+Deerfield+Rd,+Allen+TX+75013,+USA/@33.1125686,-96.7557749,13 z/ data=!3m1!4b1!4m13!4m12!1m5!1m1!1s0x864c3d45018517a5:0xbabd3c91a1321997!2m2!1d-96.762484!2d33.08947!1m5!1m1! 1s0x864c16d3018a7f4f:0xab2052b5786cd29f!2m2!1d-96.666151!2d33.133892
Oups! C’est assez long! Il y a beaucoup de choses là -, dont la plupart n’ont aucun sens! Google Maps paramètres utilisés pour être très simple et facile, mais la nouvelle structure de l’URL est assez compliqué. Heureusement, vous pouvez toujours utiliser l’ancienne paramètres de Google et de les convertir dans la nouvelle version automatiquement. Pour voir ce que je veux dire, regardez le lien ci-dessous.
http://maps.google.com/maps?saddr=start&daddr=end
Aller de l’avant et donner un coup de feu. Une adresse dans le devis pour le début et la fin de l’adresse et de la coller l’URL dans votre navigateur! J’ai remplacé commencer par ma maison de ville de la Nouvelle-Orléans et à la fin avec Houston, TX, donc c’est ce que mon Google Maps directions URL ressemble à:
http://maps.google.com/maps?saddr=”la nouvelle-orléans, la”&daddr=”houston, tx”
Il fonctionne! Comme vous pouvez le voir, cependant, Google Maps convertit les liens en quelque chose de beaucoup plus compliqué une fois que la carte est entièrement chargée. Ok, alors maintenant que nous avons une saine URL que l’on peut passer dans Google Maps, nous avons besoin de créer un simple formulaire avec deux champs, un pour l’adresse de départ et l’autre pour l’adresse de destination.
Si vous voulez que les gens il suffit de taper leur adresse et obtenir les directions à votre place, alors nous allons vous voulez que le deuxième champ caché et déjà fixé à l’adresse de destination.
<form action=”http://maps.google.com/maps” method=”get” target=”_blank”>
Entrez votre adresse de départ:
<input type=”text” name=”saddr” />
<input type=”hidden” name=”daddr” value=”854 Deerfield Rd, Allen, TX” />
<input type=”submit” value=”get directions” />
</form>
Découvrez le code ci-dessus. La première ligne commence le formulaire et dit que quand le bouton “soumettre” est cliqué, les données doivent être envoyées à maps.google.com/maps. Le target=blank signifie que nous voulons que le résultat pour l’ouvrir dans une nouvelle fenêtre. Ensuite, nous avons une zone de texte de l’adresse de départ, qui est vide.
La deuxième zone de texte est caché et la valeur est l’adresse de destination que nous désirons. Enfin, il y a un bouton “soumettre” avec le titre “Get Directions”. Maintenant, quand quelqu’un tape dans leur adresse, ils vous obtenez ceci:
Vous pouvez personnaliser l’itinéraire et plan encore plus avec quelques paramètres supplémentaires. Par exemple, disons que vous ne voulez pas l’affichage par défaut pour être les cartes, mais, au contraire, veulent qu’il soit par Satellite et de montrer de la Circulation.
http://maps.google.com/maps?saddr=%22new+orleans,+la%22&daddr=%22houston,+tx%22&ie=UTF8&t=h&z=7&layer=t
Avis de la couche=t et t=h champs dans l’URL. couche=t est pour le trafic de la couche et t=h signifie carte hybride! t peut également être configuré pour m pour la normal map, k par satellite et p pour le terrain. z est le niveau de zoom et vous pouvez le modifier à partir de 1 à 20. Dans l’URL ci-dessus, il est fixé à 7. Simplement ajouter ceux de votre URL de destination finale et vous avez maintenant obtenu une très personnalisée Google Maps Obtenir les Directions formulaire sur votre site!
Avez des problèmes avec cela, poster un commentaire et je vais essayer de vous aider! Profitez-en!