Discussion :

[Kentin64]

Bonjour,

Voilà, j'ai des latitudes et longitudes enregistrées en base. Je fais une requête SQL pour sélectionner celles qui m'intéresse puis j'affiche mes marqueurs que je push ensuite dans mon tableau "markers". Jusque là tout va bien :cool:
Par la suite, j'essaie d'afficher après un clic sur un bouton les itinéraires entre chacun de ces marqueurs et un autre point donné en dur. Le problème est qu'il ne m'affiche que le dernier itinéraire.
J'ai essayé de mettre mon directionRender dans un tableau mais ça ne marche pas non plus... Voici mon code avec le tableau :

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
 
	$('#bottom #itin').click(function(){
		var displays = [];
		for(var i = 0 ; i < markers.length ; i++){
			directionsService = new g.DirectionsService();
			directionsDisplay = new g.DirectionsRenderer();
			directionsDisplay.setMap(map);
 
			displays.push(directionsDisplay);
 
			directionsService.route({
				origin: markers[i].getPosition(),
				destination: new google.maps.LatLng(43.2769, -0.324427),
				provideRouteAlternatives: true,
				unitSystem: g.DirectionsUnitSystem.METRIC,
				travelMode: g.DirectionsTravelMode.DRIVING
			}, function(result, status){
				if (status == g.DirectionsStatus.OK){
					displays[i].setDirections(result);
				} else {
					alert('Le calcul d\'itinéraire a échoué.');
				}
			});
		}
	});

Il me sort l'erreur :
TypeError: 'undefined' is not an object (evaluating 'displays[i].setDirections')


Si quelqu'un pouvait m'aider, je lui serais très reconnaissant

[NoSmoking]

Bonjour,
la question qui se pose est
que vaut i lors de l'éxécution de la fonction ?
la réponse est
markers.length
donc comme il n'existe pas de displays pour cette valeur , problème de scope donc.

Pourquoi ne pas initialiser tes DirectionsRenderer lors de la réception de la réponse

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
$('#bottom #itin').click(function () {
  var displays = [];
  for (var i = 0; i < markers.length; i++) {
    directionsService = new g.DirectionsService();
//    directionsDisplay = new g.DirectionsRenderer();
//    directionsDisplay.setMap(map);
//    displays.push(directionsDisplay);
 
    directionsService.route({
      origin: markers[i].getPosition(),
      destination: new google.maps.LatLng(43.2769, -0.324427),
      provideRouteAlternatives: true,
      unitSystem: g.DirectionsUnitSystem.METRIC,
      travelMode: g.DirectionsTravelMode.DRIVING
    }, function (result, status) {
 
      if (status == g.DirectionsStatus.OK) {
//        displays[i].setDirections(result);
        var dDisplay = new g.DirectionsRenderer();
        dDisplay.setDirections( result);
        dDisplay.setMap( map);
        displays.push( dDisplay);
      } else {
        alert('Le calcul d\'itinéraire a échoué.');
      }
    });
  }
});

de plus as tu essayé de déclarer ton directionsService une seule fois en dehors de la boucle.

[Kentin64]

Explication et solution claires, comme toujours ! Merci NoSmoking

[aminaloli]

bonjour
j'ai le même problème que vous Kentin64 est vous pouvez m'aidez SVP j'arrive pas a le resoudre
merci

[NoSmoking]

Bonjour,
je pense qu'il est préférable que tu ouvres une nouvelle discussion en précisant bien mieux que ce que tu ne viens de le faire ton problème.

N'hésites pas à nous mettre un peu de code.