Bonjour a tous,
j'ai une petite question concernent un traitement de calcule d'un trajet
le site est en HTML animé JS
j'ai intégrer l'API Google map pour le calcule d'un trajet d'une adresse A a adresse B;
le formulaire se trouve sur la page d'accueil,
la carte google map se trouve sur : #!/calcule ,
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <form action="#!/calcule" enctype="multipart/form-data" method="post" onsubmit="return calcRoute();"> <fieldset> <input type="text" id="input_depart" placeholder="" autocomplete="on" value="Adresse A..." /> <input type="text" id="input_arrivee" placeholder="" autocomplete="on" value="Adresse B..." /> </fieldset> <input type="submit" value="" data-type="submit"/> </form>
Mon code Javascript,
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <li id="calcule"> <div class="col grid_8 alpha"> <div class="inner"> <h2><span class="white">Trajet</span> Information</h2> <div style="margin:auto;width:300px;height:300px" id="map_canvas"> </div>
ma question est comment faire pour envoyer les input start et end depuis la page du formulaire accueil pour afficher le calcule sur la page calcule,
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38 function calcRoute() { for (i = 0; i < markerArray.length; i++) { markerArray[i].setMap(null); } markerArray = []; var start = document.getElementById("start").value;; var end = document.getElementById("end").value; var request = { origin: start, destination: end, travelMode: google.maps.DirectionsTravelMode.DRIVING }; directionsService.route(request, function(response, status) { if (status == google.maps.DirectionsStatus.OK) { kilometrage=response.routes[0].legs[0].distance.value/1000; unquart=response.routes[0].legs[0].duration.value/4; gainTime=Math.floor((unquart*3)/60); //alert(dump(response,0)); //alert('gainTime = '+gainTime); directionsDisplay.setDirections(response); //showSteps(response); //alert(kilometrage); calcule_tarif(kilometrage); document.getElementById('kilometrage_course').value=kilometrage; document.getElementById('gain_time_course').value=gainTime; //alert(kilometrage); } else { alert('Google : no route found, incomplete address'); } }); }
si quelqu'un peux me venir en secour, moi je ne trouve pas la solution.
merci d'avance pour votre aide.
Salutation.
Partager