Discussion :

[étudiante_info]

Bonjour,
Je veux changer l'icone des positions de départ et d'arrivée dans google map. Comment je peux le faire.? J'utilise le code suivant pour tracer l'itinéraire.

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
calcRoute: function(lat,lon) {
 
                var waypts = [];
 
 
                var request = {
                    origin: new google.maps.LatLng(lat,lon),
                    destination: new google.maps.LatLng(50.8279, 3.26499),
                    <!-- waypoints: waypts,  -->
                    optimizeWaypoints: true,
                    travelMode: google.maps.DirectionsTravelMode.DRIVING
                };
 
                var _SELF = this;
                this.directionsHelper_.route(request, function(response, status) {
                    if (status == google.maps.DirectionsStatus.OK) {
                        _SELF.directionsDisplay_.setDirections(response); 
                        return;
                    }
                    console.log('Directions Status: ' + status);
                });
            },
 
            init: function(mapid) {
 
                this.directionsHelper_ = new google.maps.DirectionsService();
                this.directionsDisplay_ = new google.maps.DirectionsRenderer();
 
                var center = new google.maps.LatLng(50.82788, 3.26499);
                var myOptions = {
                    zoom:7,
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    center: center
                }
                this.map_ = new google.maps.Map(document.getElementById(mapid), myOptions);
                this.directionsDisplay_.setMap(this.map_);
 
                 this.calcRoute(50.82788, 3.26499);
            }
        };

[NoSmoking]

Bonsoir,
tout reste à savoir ce que tu souhaites réellement faire.

Modification des marqueurs par défaut par un autre identique pour le départ et l'arrivée.
...dans ce cas il te faut modifier les options de l'objet google.maps.DirectionsRenderer et celle notamment concernant le marker

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
  var renderedOptions = {
    markerOptions :{
      icon: 'http://maps.google.com/mapfiles/marker_yellow.png'  // par exemple
    },
    // la suite

Modification des marqueurs par remplacement des marqueurs par d'autres différents pour le départ et l'arrivée.
...dans ce cas tu crées de façon indépendante un marqueur début et un fin auxquels tu affectes comme position la LatLng du point de départ pour l'un et fin pour l'autre.
...il ne te reste qu'à mettre l'option suppressMarkers à true pour te débarrasser des marqueurs par défaut.

[étudiante_info]

Je ne sais pas comment je peux l'utiliser si c'est possible comment l'intégrer par rapport à mon code

[NoSmoking]

Je ne sais pas comment je peux l'utiliser si c'est possible comment l'intégrer par rapport à mon code

on ne sait toujours pas ce que tu veux réellement faire, je parle du choix entre les 2 options.