Bonjour,

Je réalise une carte basée sur l'API v3 de maps.
Je crée un marqueurCercle draggable entouré par un cercle suivant ce marqueur ->OK
J'ai placé d'autres marqueursLieu contenus dans un tableau de marqueurs sur lesquels j'ai une infowindows ->OK

Je place dans l'infowindows des marqueursLieu la distance entre ce marqueurLieu et mon MarqueurCercle ->OK

Mon probleme :
Comment mettre à jour dans l'infowindows des MarqueursLieu la nouvelle distance par rapport à mon centre du cercle (marqueurCercle) lorsque je déplace mon cercle ?

Pour le moment, mon code est le suivant :
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
 
for (var i = 0; i < tableauLieux.length; i++) {
var  Lieu = tableauLieux[i];
var pointLieu = new google.maps.LatLng(Lieu[5], Lieu[6]);
var distance = google.maps.geometry.spherical.computeDistanceBetween(centreCarte, pointLieu);
var OptionsMarqueurLieu = {
position: pointLieu,
map: maCarte,
Icon : 'http://maps.google.com/mapfiles/ms/icons/blue-dot.png',
title:Lieu[0]+'\n'+Lieu[1]+' '+'\n'+Lieu[2]+' '+Lieu[3]+'\n \n'+'Tel : '+Lieu[4]+'\n'+'Distance du foyer = '+ Math.round(distance)+' metres'
}
var MarqueurLieu = new google.maps.Marker(OptionsMarqueurLieu);
contenue = '<div id="conteneurInfoBulle">' +
                            '<h3>' + Lieu[0] + '</h3>' +
                            Lieu[1] + '<br />' +
                            Lieu[2] + ' '+Lieu[3]+'<br />' +
                            'Tel : ' + Lieu[4]+'<br />' +
							'<p> Distance du foyer = '+ Math.round(distance)+' metres'
                            '</div> ';
 
                bindInfoWindow(MarqueurLieu, contenue,maCarte);
 
}
// DEBUT AJOUT
google.maps.event.addListener( MarqueurCercle, "dragend", function( evenement ) {
MarqueurLieu.setmap(null);
for (var i = 0; i < tableauLieux.length; i++) {
var  Lieu = tableauLieux[i];
var pointLieu = new google.maps.LatLng(Lieu[5], Lieu[6]);
var distance = google.maps.geometry.spherical.computeDistanceBetween(MarqueurCercle.getLatLng(), pointLieu);
var OptionsMarqueurLieu = {
position: pointLieu,
map: maCarte,
Icon : 'http://maps.google.com/mapfiles/ms/icons/blue-dot.png',
title:Lieu[0]+'\n'+Lieu[1]+' '+'\n'+Lieu[2]+' '+Lieu[3]+'\n \n'+'Tel : '+Lieu[4]+'\n'+'Distance du foyer = '+ Math.round(distance)+' metres'
}
var MarqueurLieu = new google.maps.Marker(OptionsMarqueurLieu);
contenue = '<div id="conteneurInfoBulle">' +
                            '<h3>' + Lieu[0] + '</h3>' +
                            Lieu[1] + '<br />' +
                            Lieu[2] + ' '+Lieu[3]+'<br />' +
                            'Tel : ' + Lieu[4]+'<br />' +
							'<p> Distance du foyer = '+ Math.round(distance)+' metres'
                            '</div> ';
 
                bindInfoWindow(MarqueurLieu, contenue,maCarte);
 
}
});
// FIN AJOUT
}
 function bindInfoWindow(marqueur, info, NomCarte) {
 var infoBulle = new google.maps.InfoWindow();
            google.maps.event.addListener(marqueur, 'click', function() {
                infoBulle.setContent(info);
                infoBulle.open(NomCarte, marqueur);
            });
        }
Mes tentatives de mise à jour sont entre les lignes // DEBUT AJOUT et //FIN AJOUT

Merci de votre aide.
Cordialement