Add Google Maps driving directions to your website Googleマップの追加、運転経路をお客様のウェブサイト

Posted on April 29, 2008 at 5:23 am掲示さ2008年4月29日5:23 AMの

I love using Google Maps “Get Directions” feature any time I need to figure how to get from point A to B. It’s one of the best ways to get driving directions in the USA for sure. Google Mapsを使用し大好き"取得の方向"機能をいつでも私を取得する必要が図からどのようにポイントAからB '秒のいずれかの運転経路を入手する最善の方法は、アメリカ合衆国を確認します。

So what if you have a wedding website or a MySpace page and you’re throwing a big party, wouldn’t it be nice if your guests could go to your site, type in the address they will be coming from and automatically get directions to the event location!?お持ちの場合はどのような結婚式のためのWebサイトまたはMySpaceのページで大きなパーティーを投げて、ニースの場合ではないことをあなたのサイトに行くお客様が、かれらはアドレスを入力してからの行き方をすると、自動的このイベントの場所!ですか? Not sure what I mean?つまり私が言いたいのか分からないですか? Type your address in the box below and you’ll get directions from your address to my house:下のボックスにアドレスを入力してくださいとの方向からして、アドレスを買ってあげるからあなたが私の家に:

Enter your starting address:開始アドレスを入力してください:

Cool huh?クールホですか? You can easily create this little form on any website, blog, or anywhere you can put in some HTML code!この小さなフォームを簡単に作成することができます任意のウェブサイト、ブログ、または任意の場所に置くことができるいくつかのHTMLコード! This is also great for small business web sites as you can throw it up on your contact page and people can get directions quickly, rather than having to copy your address, open a new window, and then type in their starting address.これもまた大中小企業のWebサイトとして登録することができます。投げることにしてお問い合わせページと人々が迅速に取得の方向ではなく、お客様の住所をコピーすることは、新しいウィンドウを開く]をクリックして開始アドレスを入力します。

So how do we go about creating this modified get directions box?これをどうやって行くの作成については、このボックスをオン更新取得の方向ですか? Well first, we’ll need to get the correct syntax for the URL that Google uses for directions.よく第一に、私たち正しい構文を取得する必要があります。ためのURLは、 Googleの使用方法を指示する。 Luckily, we can figure that out by getting directions between two places and then clicking on the Send link at the top right.幸いにも、私たちは、図の方向の間に2つの場所を取得すると入力し、 送信をクリックしてリンクをクリックして下さい。

Here’s what you end up getting:ここで終わるのは何を就学許可証:

マップの入手directios

Notice the link in the email message!リンクをクリックして電子メールメッセージが表示さに注意して! That’s what we need!それこそ、私たちが必要! Here’s what the entire link looks like right now:ここのようなものが全体のリンクは次のよう今すぐ:

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プラットhttp://maps.google.com/maps?f=d&hl=en&geocode=&saddr = 6348 + +博士、 +新規+オルレアン、 +ラ70122 + (プラット+ホーム) & daddr = 4601 +レノックス+ blvd 、 +新しい+オルレアン、 +ラ& sll = 37.0625 、 -95.677068 & sspn = 33.214763,82.265625 &すなわち=にutf8 &とZ = 12

Eeeks! eeeks ! That’s pretty long!それはかなり長い! There are a lot of fields in the URL, such as SADDR (starting address), DADDR (destination address), hl (language), and some more stuff related to the latitude and longitude.には、多くの分野でのURLなど、 saddr (開始アドレス) 、 daddr (宛先アドレス) 、 hl (言語) 、およびいくつかの他のものに関連して緯度と経度をします。

However, you don’t really need all of these fields in order for Google to give you driving directions!しかし、本当に必要なのすべての必要はありませんこれらのフィールドにGoogleを与えるためにあなたの運転経路! All you need is this:すべてのあなたに必要なのは、この:

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

Go ahead and give it a shot.思い切ってやってみろよ。 Put in an address in quotes for the starting and ending address and paste the URL into your browser! 〜にアドレスを引用符では、開始および終了アドレスをブラウザに貼り付けてください! I replaced start with my home city New Orleans and end with Houston, TX, so this is what my Google Maps directions URL looks like:私と私のホームシティに置き換えスタート]ボタンを最後にニューオーリンズとヒューストン、テキサス、それじゃあ、これは私のようにGoogle Mapsの方向のURL :

http://maps.google.com/maps?saddr=”new orleans, la”&daddr=”houston, tx” http://maps.google.com/maps?saddr = "ニューオーリンズで、ラ" & daddr = "ヒューストン、テキサス"

Pretty nifty eh!かなり気の利いたええ! Isn’t it fun to mess around with these types of things!楽しみではないことを、これらの種類のものをめちゃくちゃにする! Ok, so now that we have a URL that we can pass into Google Maps, we need to create a simple form with two fields, one for the starting address and one for the destination address.しますので、今すぐに私たちは、パスのURLをGoogleマップを選択してください、私たちの簡単なフォームを作成する必要が2つのフィールドは、 1つは、最低1つは、目的地の住所とアドレスを入力します。

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.人々をしたい場合はそのアドレスを入力し、開催地の行き方をして、それから私達をしたくなる2番目のフィールドの中に隠してしており、すでに設定して目的地のアドレスを入力します。

<form action=”http://maps.google.com/maps” method=”get” target=”_blank”> <form method="get" target="_blank"> action="http://maps.google.com/maps"
Enter your starting address: 開始アドレスを入力してください:
<input type=”text” name=”saddr” /> <input type="text" name="saddr" />
<input type=”hidden” name=”daddr” value=”6348 Pratt Dr, New Orleans, LA” /> <input type="hidden" name="daddr" value="6348プラットdr,新しいorleans, la" />
<input type=”submit” value=”get directions” /> directions" /> <input type="submit" value="get
</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.フォームの最初の行に開始すると言うの上、送信ボタンをクリックしたときに、データを送信する必要がありますmaps.google.com /マップです。 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. 2番目のテキストボックスの値が非表示には、目的地の住所を私たち願望です。 Finally, there is a submit button with the title “Get Directions”.最後に、には、送信ボタンを押して、タイトル"取得の方向"です。 Now when someone types in their address, they’ll get this:今すぐそのアドレスの種類のときに、彼らを買ってあげるから、この:

取得の方向

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.入力して方向と入力し、ボタンを押すと衛星放送とのトラフィックは、 Googleマップです。 Next, click on Send and you’ll see the modified URL:次へ]をクリックして送信、および詳細については、更新する必要のURL :

http://maps.google.com/maps?saddr=%22new+orleans,+la%22&daddr=%22houston,+tx%22&ie=UTF8&t=h&z=7&layer=t http://maps.google.com/maps?saddr = % 22new +オルレアン、 +ラ% 22 & daddr = % 22houston 、 +テキサス% 22 &すなわち=にutf8 & Tの=住宅とZ = 7 &層=トン

Notice the layer=t and t=h fields in the URL.に注意して層=トンt = hのフィールドは、 URLです。 layer=t is for the traffic layer and t=h means satellite in some strange fashion!層= Tは、トラフィックの層とt = h手段衛星放送でいくつかの奇妙なファッション! Just tack those on to your final URL and you’ve now got a highly customized Google Maps Get Directions form on your site!タックている人にだけにして最後のURLとしたら今では、高度にカスタマイズした経路をGoogle Mapsのフォームをあなたのサイトに! Source:ソース: AskDaveTaylor 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 私のRSSフィードを購読する !

» Filed Under »提出されて Google Software/Tips Googleソフトウェア/ヒント

Related Posts関連記事

4 Responses to “Add Google Maps driving directions to your website” 4つの応答を" Googleマップの追加、運転経路をお客様のウェブサイト"

  1. MJ said on : mjによると:

    Really cool feature.本当にクールな機能を使用します。 I have tried it before, it’s really helpful.私は前にはそれを試みたが、それは実際helpful 。

    Thanks.ありがとう。


  2. Aurelius Tjin アウレリウス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?こんにちは、何かアイデアをGoogleマップに変換する方法をPDFには、だから、地図上の矢印を集めることができますしてノートですか? Thanks.ありがとう。


    Please post your comments/suggestions!コメントをお寄せください/提案!