Discussion :

[arverne63]

Bonjour,
Sur mon site de randonnées, avec le service itinéraire de l’API V3 Google Maps j’ai créé une carte pour l’accès au départ de chaque randonnée. Dans le code, les marqueurs d’origines sont supprimés par "directionsDisplay.suppressMarkers = true" et remplacés par des marqueurs personnalisés aux points d’origine et de destination. Au début cela a fonctionné, mais depuis quelque temps les marqueurs d’origine réapparaissent parfois (cela n'est pas systématique) au dessus des marqueurs personnalisés.
Quelqu’un aurait-il une explication ?
Merci.
Je vous joins l’URL de la page.
http://randos.montagne.free.fr/itine...s_troncais.php
et le code javascript.

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
67
68
69
var map;
var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
function initialize() {
var latlng = new google.maps.LatLng(45.741532, 3.198176999999987); // Correspond au centre de la carte (Cournon d'Auvergne)
var myOptions = {
zoom: 12, 
center: latlng,
 scrollwheel: false,
mapTypeId: google.maps.MapTypeId.ROADMAP 
};
map = new google.maps.Map(document.getElementById('map_canvas'),
myOptions);
 
directionsDisplay = new google.maps.DirectionsRenderer();
directionsDisplay.suppressMarkers = true; // supprime les marqueurs 
directionsDisplay.setMap(map);
directionsDisplay.setPanel(document.getElementById(
'panel'));
}
function calculate(){
directionsService.route({
origin: document.getElementById('origin').value,
destination: document.getElementById('destination').value,
unitSystem: google.maps.DirectionsUnitSystem.METRIC,
travelMode: google.maps.DirectionsTravelMode.DRIVING
}, function(result, status){
if (status == google.maps.DirectionsStatus.OK){
directionsDisplay.setDirections(result);
 
var data = result.routes[0].legs[0];      // 1st itinéraire retourné
      var debPoint = data.start_location;       // format LatLng
      var endPoint = data.end_location;         // format LatLng
 
      var depart = new google.maps.Marker({
        position: debPoint,
        map: map,
		title: "Cliquez-moi",
        icon: "../icon/home_bleu.png"
      });
	  var parking = new google.maps.Marker({
		position: endPoint,
		map: map,
		title: "Cliquez-moi",
		icon: "../icon/parking.png"
		});
 
	var infoWindowparking = new google.maps.InfoWindow({
	content: '<h4 style="text-align: center;">Saint Bonnet Tronçais</h4><p style="text-align: center;">Départ de la randonnée.<br /> Parking face à l\'entrée du camping de Champ-Fossé</p>' +	
							'<p style="text-align: center;">Coordonnées GPS: 46.656857, 2.688415</p>'
});
 
google.maps.event.addListener(parking, 'click', function(){
	infoWindowparking.open(map, parking);
});
 
var infoWindowdepart = new google.maps.InfoWindow({
	content: '<div id="bulle"><h4>Votre lieu de départ : </h4>'+ data.start_address + '</div>' 
});
 
google.maps.event.addListener(depart, 'click', function(){
	infoWindowdepart.open(map, depart);
});
 
} else {
alert('Le calcul d\'itinéraire a échoué.');
}
});
}

[NoSmoking]

Bonjour,
as tu essayé de passer par la méthode setOptions, directionsDisplay.setOptions('suppressMarkers' : true);?

<edit>
la bonne syntaxe

Code :

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

directionsDisplay.setOptions({'suppressMarkers':true});

</edit>

[arverne63]

Bonjour,

Merci NoSmoking, en passant par la méthode setOptions les marqueurs d'origines n'apparaissent plus.