Un polygone est constitué d'une série de points ordonnés. Ces points, sous forme de google.maps.LatLng, sont placés dans un tableau de type Array ou MVCArray.
Chaque point étant relié au suivant à l'aide d'un segment de droite. Le premier et le dernier point sont également reliés. Un polygone est créé grâce à la classe google.maps.Polygon et à un objet google.maps.PolygonOptions.
La couleur, l'épaisseur et l'opacité du contour peuvent être personnalisées. Il en est de même pour la couleur et l'opacité de la zone de remplissage.
Enfin, les polygones sont interactifs. Ils peuvent être utilisés, via des observateurs d'événements, pour réagir à certaines actions et déclencher par exemple l'affichage d'une info-bulle.
Cercle et objet MVC
22 Mai 2016
Jouez avec les objets MVC !
Dans ce tutoriel vous allez découvrir comment créer un cercle dont le centre peut être déplacé et le rayon modifié.
Créer un cercle déplaçable à l'aide d'un marqueur situé en son centre.
23 Avril 2016
Après avoir ajouter un cercle sur une carte Google, modifié sa couleur, nous allons maintenant voir comment le rendre mobile.
Dans cet exemple, nous allons lier le point d'ancrage d'un marqueur mobile, au centre d'un cercle afin de rendre ce dernier déplaçable.
Agrandir un cercle de façon dynamique
23 Avril 2016
Dans ce tutoriel vous allez construire un cercle dont le rayon augmente peu à peu jusqu'à sa taille finale.
En modifiant certains paramètres (délai rayon distance) vous pourrez faire varier l'animation.
Rétrécir un cercle de façon dynamique
23 Avril 2016
Dans ce tutoriel vous allez construire un cercle dont le rayon diminue peu à peu pour finalement disparaître.
En modifiant certains paramètres (délai rayon distance) vous pourrez adapter l'animation selon vos besoins.
Construire un polygone simple
23 Avril 2016
Ce tutoriel vous explique comment créer puis afficher un polygone simple sur votre carte Google Maps.
Ce polygone est construit à partir d'un tableau de LatLng
Utilisation de la classe Polygon et d'un objet de type PolygonOptions
Paramétrer un polygone pour qu'il soit déplaçable ou non
23 Avril 2016
Un polygone, sur une carte Google maps, peut être fixe ou mobile. Sa mobilité est paramétrée à l'aide de la propriété draggable
.
Celle-ci est un booléen. Elle peut prendre soit la valeur true, soit la valeur false.
Créer un cercle modifiable puis récupérer les valeurs centre et rayon
23 Avril 2016
Ce tutoriel vous explique comment créer un cercle modifiable à l'aide de de la propriété editable
.
Vous apprendrez également comment, après avoir modifié ce cercle, récupérer les coordonnées de son nouveau centre (getCenter
) et rayon (getRadius
) grâce aux événements "center_changed
" et "radius_changed
".
Afficher un cercle ou un rond sur une carte Google Maps
22 Avril 2016
Dans ce tutoriel, vous allez apprendre à dessiner un cercle à l'aide de la classe Circle dont vous aurez préalablement paramétré le centre, le diamètre et la carte sur laquelle l'afficher.
Par défaut, le périmètre du cercle est noir, et l'intérieur gris semi transparent.
Modifier les couleurs d'un cercle sur une carte Google
22 Avril 2016
Comment modifier la couleur et la transparence d'un cercle ou d'un rond sur une carte Google ?
Dans ce tutoriel dynamique, vous allez apprendre à modifier la couleur et la transparence d'un cercle ainsi que la couleur, la transparence et l'épaisseur du trait délimitant ce cercle.