Pass form vars an Google Maps API für Herkunft und Ziel

Question

Ich habe eine reguläre Form (nicht JS), die einen Eingang hat, der eine Liste von Städten von der db und eine andere, die fest verdrahtete Flughafen Standorte hat.

Ich muss diese beiden Standorte an die Google Map-API übergeben, um die Entfernung und die Wegbeschreibung zurückzugeben.

Hier ist der Demo-Code für die API-Interaktion:

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

ich diese Coldfusion-Komponente zur Verwendung auch offen bin, aber gesponnen meine Räder stundenlang versucht, es zu bekommen mit diesem regelmäßigen schön zu spielen Form ohne Erfolg.

http://cfgmap.riaforge.org/

Jede Hilfe sehr geschätzt.

Die Form:

<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> 

Beispiele:
Flughafen San Francisco/San Jose, CA Oakland Airport/Berkeley, CA

Answer 1

Using this script Ich war in der Lage, sowohl Herkunfts- und Ziel vorlegen einen Standard verwenden Form, nachdem ich nur ein bisschen an der JS gearbeitet hatte, was so einfach zu sein schien, dass ich es auch machen konnte.

Ich habe einfach einen neuen Formulareingang namens address2 hinzugefügt; fügte die Variable in JS hinzu und ersetzte die Breitenzahlen durch Adresse2.

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