Afficher cercle sur google map

Fermé
dante20007 Messages postés 61 Date d'inscription mercredi 25 avril 2007 Statut Membre Dernière intervention 27 avril 2009 - 30 mars 2008 à 16:26
 fadamaps37 - 8 mars 2009 à 12:29
Bonjour, j'aimerais sur google map afficher un cercle autour de mon point quand je clique dessus,mais cela ne fonctionne pas , pouvez-vous m'aider:

voici mon code: (tout cela ds un javascript)

//Nom du cercle : cercle
var cercle;
//Couleur du cercle
var cercleCouleur = "#0000ff";
//Epaisseur du trait tracant le cercle (en pixel)
var cercleEpaisseur = "1";
//Opacité du trait tracant le cercle (de 0 à 1)
var cercleOpacite = ".5";
//Couleur du disque
var disqueCouleur = "#0000ff";
//Opacité du disque (de 0 à 1)
var disqueOpacite = ".1";
//Rayon du cercle en kilometre(s)
var rayon = 30;
//Nombre de segments composant le cercle
var segment = 60;
//Centre de la carte nommée "map"
var centre;
//marqueur nommé "monMarqueur" symbolisant le centre du cercle
var monMarqueur;

dans ma function load:

GEvent.addListener(marker, 'click', function()
{
marker.openInfoWindowHtml(html);
//essai
dessineUnCercle();
//fin essai
});
return marker;
}

//essai cercle
function dessineUnCercle()
{
//Construction du tableau "points" contenant toutes les coordonnées des points nécessaires au tracé du cercle
var latConv = point.distanceFrom(new GLatLng(point.lat()+0.1, point.lng()))/100;
var lngConv = point.distanceFrom(new GLatLng(point.lat(), point.lng()+0.1))/100;
var points = [];
var step = parseInt(360/segment)||10;
for(var i=0; i<=360; i+=step){
var pint = new GLatLng(point.lat() + (rayon/latConv * Math.cos(i * Math.PI/180)), point.lng() + (rayon/lngConv * Math.sin(i * Math.PI/180)));
points.push(pint);
}
//le cercle "cercle" est en fait un polygone construit à l'aide des points contenus dans le tableau "points"
cercle = new GPolygon(points, cercleCouleur, cercleEpaisseur, cercleOpacite, disqueCouleur, disqueOpacite);
//Affichage du "cercle" sur la carte nommée "map"
map.addOverlay(cercle);
}
A voir également:

1 réponse

Bonjour,

Tu peux retrouver ce code expliqué à cette adresse :

https://www.touraineverte.com

Cordialement.
42