出発地と目的地のフォームマップをGoogle Maps APIに渡す

Question

DBから都市のリストを取得する入力と、配線済みの空港を持つ入力を持つ通常のフォーム（JSではなく）があります。

距離と運転ルートを返すには、GoogleマップAPIにこれら2つの場所を渡す必要があります。ここで

は、APIの相互作用のためのデモコードです：

https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-directions

私もこのColdFusionコンポーネントを使用してのオープンだが、それはこの正規で素晴らしいプレーするために取得しようとしている時間のための私の車輪を回転させフォームは成功しません。

http://cfgmap.riaforge.org/

すべてのヘルプははるかに高く評価します。

形式：

<form name="frmAutoCompleteCountry" id="frmAutoCompleteCountry" action="" method="post" enctype="multipart/form-data"> 

Select the airport: 

<select name="airport"> 
    <option value="sfo">San Francisco Airport</option> 
    <option value="oak">Oakland Airport</option> 
    <option value="sjc">San Jose Airport</option> 
</select> 

<input type="text" name="city" id="city" /> 

<input type="submit" name="submit" id="submit" value="Submit"> 

</form> 

例：
サンフランシスコ空港/サンノゼ、CA オークランドエアポート/バークレー、CA

Answer 1

Using this script私は標準を使用して、出発地と目的地の両方を提出することができましたJSのちょっと微妙な調整をした後で、私はそれをすることができた。

私は単純にaddress2という新しいフォーム入力を追加しました。 JSにvarを追加し、緯度番号をaddress2に置き換えました。

$('#submit').click(function() { 
var address = $('#address').val(); 
var address2 = $('#address2').val(); 
var request = { 
    origin: address, 
    destination: address2, 
    travelMode: google.maps.DirectionsTravelMode.DRIVING 
};