Bonjour,
Mon objectif est d'afficher une carte Google Maps avec un marqueur placé sur la position actuelle. Ensuite, à chaque clic sur la carte un nouveau marqueur apparait. Tout ça, j'arrive à le faire (grâce notamment à l'aide de ce forum ^^).

Maintenant j'aimerais que lorsque je clique sur la carte et qu'un marqueur se crée, Google Maps calcule et affiche l'itinéraire entre ce marqueur et le précédent créé. J'ai bien lu la doc API Google Maps sur les ititéraires, mais j'ai l'impression que celle-ci se concentre sur les itinéraires entre des points prédéfinis à l'avance... Je ne vois pas trop comment faire pour que l'itinéraire soit entre mes deux derniers marqueurs.

Pourriez-vous m'aider ou du moins me donner une piste pour avancer ? Je vous remercie ! Voici mon code :

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html>
 
  <head>
 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="UTF-8">
    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
 
    <title>Entrega 5 - BBDD</title>
    <style>
      #map {
        height : 600px; 
        width : 600px;
        margin : 20px;
        border : 1px solid #888;
      }
    </style>
    <script src="http://maps.googleapis.com/maps/api/js"></script>
    <script>
 
      function initCarte(){
 
        var map = new google.maps.Map( document.getElementById('map'),{
          'center' : new google.maps.LatLng( 46.80, 1.70),
          'zoom' : 16
        });
 
        if (navigator.geolocation)
          var watchId = navigator.geolocation.watchPosition(localizacion,null,{enableHighAccuracy:true});
        else
          alert("Votre navigateur ne prend pas en compte la géolocalisation HTML5");
 
        function localizacion(position){
 
          map.panTo(new google.maps.LatLng(position.coords.latitude, position.coords.longitude));
          var marker = new google.maps.Marker({
          position: new google.maps.LatLng(position.coords.latitude, position.coords.longitude), 
          map: map
          }); 
        }
 
       google.maps.event.addListener(map, 'click', function (event) {
          new google.maps.Marker({
	        map: map,
	        position: new google.maps.LatLng(event.latLng.lat(), event.latLng.lng())
          });
       }); 
 
      }
      google.maps.event.addDomListener( window, 'load', initCarte);
 
 
    </script>
  </head>
 
  <body>
 
    <h1>Geolocalisation et Carte</h1>
    <button onclick="javascript:location.reload();" id="button">Borrar todas las rutas y marcadores</button>
 
      <div id="map"></div>
  </body>
 
 
</html>