Polygone Polygon Google Maps API V3 exemples et tutoriels

API Google Maps JavaScript version 3

Cartographie et webmapping

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é.

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.

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.