Carte Gmaps : afficher un cercle de rayon X mètres autour d’un point

Sur une carte gmaps, il est assez aisé d’ajouter des markers de position avec le code suivant, où latitude est la latitude de votre point, longitude la longitude de votre point et map_ref la variable dans laquelle est stockée votre carte gmaps :

latLng = new google.maps.LatLng(latitude, longitude);
marker = new google.maps.Marker({
position: latLng,
map: map_ref
});

Il est tout aussi simple d’ajouter un cercle autour d’un point avec le code suivant où 20000 représenter le rayon du cercle en mètres (ici 20000 mètres = 20kms), latitude la latitude de votre point, longitude la longitude de votre point et map_ref la variable dans laquelle est stockée votre carte gmaps :

latLng = new google.maps.LatLng(latitude, longitude);
optionsCercle = {
map: map_ref,
center: latLng,
radius: 20000,
fillColor: "#EEE", // couleur de remplissage du cercle
fillOpacity: 0.5, // opacité de remplissage du cercle
strokeColor: "#DDDDDD", // couleur de la bordure du cercle
strokeOpacity: 0.8 // opacité de la bordure du cercle
}
monCercle = new google.maps.Circle(optionsCercle);

Et voilà, enjoy 😉

Une pensée sur “Carte Gmaps : afficher un cercle de rayon X mètres autour d’un point”

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.