personnaliser l'icone de marker dans google map lors de la recherche de l'itinéraire

Version imprimable

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:

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);
            }
        };

02/04/2012, 23h26
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:

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.
04/04/2012, 16h56
étudiante_info

Je ne sais pas comment je peux l'utiliser si c'est possible comment l'intégrer par rapport à mon code
04/04/2012, 21h56
NoSmoking

Citation:

Envoyé par étudiante_info

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.