Ajoutez les directions d'entraînement de cartes de Google à votre site Web

Signalé le 29 avril 2008 chez 5:23 AM

J'aime employer Les cartes de Google « obtiennent des directions » dispositif quand je dois figurer comment obtenir du point A au B. Il est l'une des meilleures manières d'obtenir directions d'entraînement aux Etats-Unis pour sûr.

Est-ce qu'ainsi que si vous avez un site Web de mariage ou une page et toi de MySpace jettent une grande partie, il ne serait-il pas gentil si vos invités pourraient aller à votre emplacement, saisissent l'adresse qu'ils viendront de et obtenir automatiquement des directions à l'endroit d'événement ! ? Non sûr ce que veux dire je ? Dactylographiez votre adresse dans la boîte ci-dessous et vous obtiendrez des directions de votre adresse à ma maison :

Écrivez votre adresse commençante :

Huh frais ? Vous pouvez facilement créer cette petite forme sur n'importe quel site Web, blog, ou n'importe où vous pouvez mettre en un certain code de HTML ! C'est également grand pour des sites Web de petite entreprise pendant que vous pouvez le jeter vers le haut à votre page de contact et les gens peuvent obtenir des directions rapidement, plutôt que doit copier votre adresse, ouvrent une nouvelle fenêtre, et puis saisissent leur adresse commençante.

Ainsi comment abordons-nous créer ceci modifié obtenons-nous la boîte de directions ? Jaillissons d'abord, nous devrons obtenir la syntaxe correcte pour l'URL que Google emploie pour des directions. Heureusement, nous pouvons figurer que dehors en obtenant des directions entre deux endroits et puis en cliquant sur Envoyez lien à la droite supérieure.

Voici ce que vous finissez vers le haut d'obtenir :

les cartes obtiennent des directios

Notez le lien dans le message d'email ! Est ce de ce que nous avons besoin ! Voici ce qui ressemble le lien entier à en ce moment :

http://maps.google.com/maps?f=d&hl=en&geocode=&saddr= 6348+Pratt+Dr, +New+Orleans, +LA+70122+ (Pratt+Home) &daddr=4601+lennox+blvd, +new+orleans, +la&sll=37.0625, - 95.677068&sspn=33.214763, 82.265625&ie=UTF8&z=12

Eeeks ! C'est assez longtemps ! Il y a beaucoup de champs dans l'URL, tel que SADDR (commençant l'adresse), DADDR (adresse de destination), hl (langue), et encore plus substance liée à la latitude et à la longitude.

Cependant, vous n'avez pas besoin vraiment de tous ces champs afin Google pour te donner des directions d'entraînement ! Tout que vous avez besoin est ceci :

http://maps.google.com/maps?saddr=start&daddr=end

Avancent et lui donnent un projectile. Mis dans une adresse dans les citations pour l'adresse commençante et terminale et collez l'URL dans votre navigateur ! J'ai remplacé le début avec ma ville à la maison la Nouvelle-Orléans et l'extrémité avec Houston, TX, ainsi est c'à ce que mon URL de directions de cartes de Google ressemble :

&daddr= » Houston, tx » de La » de http://maps.google.com/maps?saddr= la » Nouvelle-Orléans,

Joli astucieux hein ! N'est pas il amusement à déranger avec ces types de choses ! L'ok, ainsi maintenant que nous avons un URL que nous pouvons passer dans des cartes de Google, nous doit créer une forme simple avec deux champs, un pour l'adresse commençante et un pour l'adresse de destination.

If you want people to just type in their address and get directions to your place, then we’ll want the second field to be hidden and already set to the destination address.

<form action=”http://maps.google.com/maps” method=”get” target=”_blank”>
Enter your starting address:
<input type=”text” name=”saddr” />
<input type=”hidden” name=”daddr” value=”6348 Pratt Dr, New Orleans, LA” />
<input type=”submit” value=”get directions” />
</form>

Check out the code above. The first line starts out form and says that when the submit button is clicked, the data should be sent to maps.google.com/maps. The target=blank means that we want the result to open in a new window. Then we have a text box for the starting address, which is blank.

The second text box is hidden and the value is the destination address that we desire. Finally, there is a submit button with the title “Get Directions”. Now when someone types in their address, they’ll get this:

get directions

You can customize the directions and map even more by following the same procedure as I went through above. For example, let’s say you don’t want the default view to be maps, but instead want it to be Satellite and show Traffic. Type in your directions and then press the Satellite and Traffic buttons on the Google map. Next, click on Send and you’ll see the modified URL:

http://maps.google.com/maps?saddr=%22new+orleans,+la%22&daddr=%22houston,+tx%22&ie=UTF8&t=h&z=7&layer=t

Notice the layer=t and t=h fields in the URL. layer=t is for the traffic layer and t=h means satellite in some strange fashion! Just tack those on to your final URL and you’ve now got a highly customized Google Maps Get Directions form on your site! Source: AskDaveTaylor

Have any issues with this, post a comment and I’ll try to help! Enjoy!

If you enjoyed this post, make sure you subscribe to my RSS feed!

» Filed Under Google Software/Tips

Related Posts

5 Responses to “Add Google Maps driving directions to your website”

  1. MJ said on :

    Really cool feature. I have tried it before, it’s really helpful.

    Thanks.


  2. Aurelius Tjin said on :

    Great post! Thanks for the valuable information and insights you have shared here.


  3. Bollywood Star said on :

    This is my favorite website because there are greatest posts.

    Thanks to all


  4. Bob said on :

    Hi, do you have any idea how to convert a google map to pdf, so I can draw arrows on the maps and make notes? Thanks.


  5. Raymond said on :

    It’s a nice feature which we have recently added to our website.

    I would also very much like to have the option to save the directions as a pdf file and the option to email the directions directly from the website (options: send as link and/or as pdf).

    Thanks for the article.


Please post your comments/suggestions!