Discussion :

[oelimahefason]

Bonjour à tous!

Je veux afficher plusieurs direction sur mon map avec des couleurs differents. Je stocke les directionServices et directionDisplay dans deux tableux différents.

JS

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
 
var directionsDisplay;
 
var map;
var directionServiceArray =[];
    var directionDisplayArray = [];
var polylineOptionsActual = new google.maps.Polyline({
    strokeColor: '#FF0000',
    strokeOpacity: 0.5,
    strokeWeight: 8
});
var polylineOptionsActual2 = new google.maps.Polyline({
    strokeColor: '#FF00FF',
    strokeOpacity: 0.5,
    strokeWeight: 2
});
var plOptionActs = [polylineOptionsActual,polylineOptionsActual2];
function initialize() {
    var chicago = new google.maps.LatLng(41.850033, -87.6500523);
    var mapOptions = {
        zoom:7,
        center: chicago
    };
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
 
 
}
 
function calcRoute() {
    var start = [document.getElementById('start').value , document.getElementById('start2').value];
    var end = [document.getElementById('end').value,document.getElementById('end2').value];
 
    for ( var i = 0 ; i < 2; i++){
        directionServiceArray[i] = new google.maps.DirectionsService();
        directionDisplayArray[i] = new google.maps.DirectionsRenderer({polylineOptions: plOptionActs[i]}); 
        var request = {
            origin: start[i],
            destination: end[i],
            travelMode: google.maps.TravelMode.DRIVING
        };
        directionDisplayArray[i].setMap(map);
        directionServiceArray[i].route(request, function(response, status) {
            if (status === google.maps.DirectionsStatus.OK) {
                directionDisplayArray[i].setDirections(response);
            }
        });
        console.log(i);
    }            
}
google.maps.event.addDomListener(window, 'load', initialize);

Les directions ne s'affichent pas
Help !

[Rhino Onizuka]

Bonjour je sais pas pour toi, mais ceci m'a aidé : http://www.developpez.net/forums/d11...sieurs-tracer/

[oelimahefason]

Et est-ce que t'as réussi à tracer plusieurs directions en utilisant ton Array?

[NoSmoking]

Bonjour,
il est quand même souhaitable de lire la documentation avant de se lancer dans l'utilisation des méthodes.
google.maps.DirectionsService

origine et destination n'acceptent que des éléments LatLng ou string mais pas de Array, il est donc normal que le script plante et n'affiche rien.