Polygons

Restez organisé à l'aide des collections Enregistrez et classez les contenus selon vos préférences.

Classe Polyline

Classe google.maps.Polyline

Une polyligne est une superposition linéaire de segments de ligne connectés sur la carte.

Cette classe étend MVCObject.

Lorsque vous utilisez v=beta, vous pouvez y accéder en appelant const {Polyline} = await google.map.importLibrary("maps"). Consultez Bibliothèques dans l'API Maps JavaScript.

Polyline
Polyline([opts])
Paramètres:
Créez une polyligne à l'aide du PolylineOptions transmis, qui spécifie à la fois le tracé et le style de trait à utiliser pour dessiner la polyligne. Vous pouvez transmettre un tableau de LatLng ou un MVCArray de LatLng lors de la construction d'une polyligne, bien que des tableaux simples soient convertis en MVCArray dans la polyligne lors de l'instanciation.
getDraggable
getDraggable()
Paramètres:aucun
Valeur renvoyée:boolean
Indique si l'utilisateur peut déplacer cette forme.
getEditable
getEditable()
Paramètres:aucun
Valeur renvoyée:boolean
Indique si l'utilisateur peut modifier cette forme.
getMap
getMap()
Paramètres : aucun
Valeur renvoyée:Map|null
Affiche la carte à laquelle cette forme est associée.
getPath
getPath()
Paramètres:aucun
Valeur renvoyée : MVCArray<LatLng>
Récupère le chemin d'accès.
getVisible
getVisible()
Paramètres : aucun
Valeur renvoyée : boolean
Indique si ce polygone est visible sur la carte.
setDraggable
setDraggable(draggable)
Paramètres:
  • draggable : boolean
Valeur de retour:aucune
Si ce paramètre est défini sur true, l'utilisateur peut faire glisser cette forme sur la carte. La propriété geodesic définit le mode de déplacement.
setEditable
setEditable(editable)
Paramètres :
  • editableboolean
Valeur de retour : aucune
Si la valeur est définie sur true, l'utilisateur peut modifier cette forme en faisant glisser les points de contrôle affichés sur les sommets et sur chaque segment.
setMap
setMap(map)
Paramètres:
  • map : Map optional
Valeur de retour:aucune
Affiche cette forme sur la carte spécifiée. Si la carte est définie sur null, la forme est supprimée.
setOptions
setOptions(options)
Paramètres:
Valeur de retour : aucune
setPath
setPath(path)
Paramètres:
Valeur de retour:aucune
Définit le chemin d'accès. Pour en savoir plus, consultez PolylineOptions.
setVisible
setVisible(visible)
Paramètres :
  • visibleboolean
Valeur de retour:aucune
Masque ce polygone s'il est défini sur false.
Hérité : addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
click
function(event)
Arguments:
Cet événement se déclenche lorsque l'événement de clic DOM est déclenché sur la polyligne.
contextmenu
function(event)
Arguments :
Cet événement se déclenche lorsque l'événement de menu contextuel DOM est déclenché sur Poyline.
dblclick
function(event)
Arguments :
Cet événement se déclenche lorsque l'événement dblclick DOM est déclenché sur la polyligne.
drag
function(event)
Arguments :
Cet événement est déclenché à plusieurs reprises pendant que l'utilisateur fait glisser la polyligne.
dragend
function(event)
Arguments :
Cet événement est déclenché lorsque l'utilisateur arrête de faire glisser la polyligne.
dragstart
function(event)
Arguments:
Cet événement est déclenché lorsque l'utilisateur commence à faire glisser la polyligne.
mousedown
function(event)
Arguments:
Cet événement se déclenche lorsque l'événement de souris DOM est déclenché sur la polyligne.
mousemove
function(event)
Arguments :
Cet événement se déclenche lorsque l'événement DOM "mousemove" est déclenché sur la polyligne.
mouseout
function(event)
Arguments :
Cet événement est déclenché lors de la sortie du curseur de la polyligne.
mouseover
function(event)
Arguments :
Cet événement est déclenché au passage de la souris sur une polyligne.
mouseup
function(event)
Arguments :
Cet événement se déclenche lorsque l'événement de souris "DOM" est déclenché sur la polyligne.
rightclick
function(event)
Arguments :
Cet événement se déclenche lorsque l'utilisateur clique sur la polyligne.

Interface PolylineOptions

google.maps.PolylineOptions interface

Objet PolylineOptions permettant de définir les propriétés pouvant être définies sur une polyligne.

clickable optional
Type:boolean optional
Par défaut:true
Indique si Polyline gère les événements de souris.
draggable optional
Type:boolean optional
Par défaut:false
Si ce paramètre est défini sur true, l'utilisateur peut faire glisser cette forme sur la carte. La propriété geodesic définit le mode de déplacement.
editable optional
Type:boolean optional
Par défaut : false
Si la valeur est définie sur true, l'utilisateur peut modifier cette forme en faisant glisser les points de contrôle affichés sur les sommets et sur chaque segment.
geodesic optional
Type:boolean optional
Par défaut : false
Lorsque la valeur est true, les arêtes du polygone sont interprétées comme géodésiques et suivent la courbure de la Terre. Lorsque la valeur est false, les bords du polygone sont affichés sous forme de lignes droites dans l'espace à l'écran. Notez que la forme d'un polygone géodésique peut changer lorsqu'on le fait glisser, car les dimensions sont maintenues par rapport à la surface de la Terre.
icons optional
Type:Array<IconSequence> optional
Icônes à afficher le long de la polyligne.
map optional
Type : Map optional
Carte sur laquelle afficher la polyligne.
path optional
Séquence ordonnée des coordonnées de la polyligne. Ce chemin d'accès peut être spécifié à l'aide d'un simple tableau de LatLng ou d'un MVCArray de LatLng. Notez que si vous transmettez un tableau simple, celui-ci sera converti en MVCArray. L'insertion ou la suppression de LatLngs dans le MVCArray met automatiquement à jour la polyligne sur la carte.
strokeColor optional
Type:string optional
Couleur du trait. Toutes les couleurs CSS3 sont prises en charge, à l'exception des noms de couleurs étendus.
strokeOpacity optional
Type:number optional
Opacité du trait (entre 0.0 et 1.0).
strokeWeight optional
Type:number optional
Épaisseur du trait, en pixels.
visible optional
Type:boolean optional
Par défaut : true
Indique si cette polyligne est visible sur la carte.
zIndex optional
Type:number optional
zIndex par rapport aux autres polygones.

Interface IconSequence

google.maps.IconSequence interface

Décrit le mode d'affichage des icônes sur une ligne.

Si votre polyligne est géodésique, les distances spécifiées pour le décalage et la répétition sont calculées par défaut en mètres. Si vous définissez un décalage ou une répétition de la valeur en pixels, les distances sont calculées en pixels à l'écran.

fixedRotation optional
Type:boolean optional
Par défaut : false
Si la valeur est true, toutes les icônes de la séquence ont la même rotation fixe, quel que soit l'angle du bord sur lequel elles se trouvent. Si la valeur est false, la casse de chaque icône de la séquence est alternée pour s'aligner sur son bord.
icon optional
Type:Symbol optional
Icône à afficher sur la ligne.
offset optional
Type:string optional
Par défaut : '100%'
Distance à partir du début de la ligne à laquelle une icône doit être affichée. Cette distance peut être exprimée en pourcentage de la longueur de la ligne (par exemple, "50 %") ou en pixels (par exemple, "50 px").
repeat optional
Type:string optional
Par défaut : 0
Distance entre les icônes consécutives sur la ligne. Cette distance peut être exprimée en pourcentage de la longueur de la ligne (par exemple, "50 %") ou en pixels (par exemple, "50 px"). Pour désactiver la répétition de l'icône, spécifiez "0".

Classe Polygon

Classe google.maps.Polygon

Un polygone (comme une polyligne) définit une série de coordonnées connectées dans une séquence ordonnée. De plus, les polygones forment une boucle fermée et définissent une région remplie. Consultez les exemples du guide du développeur, en commençant par un polygone simple, un polygone avec un trou, etc. Notez que vous pouvez également utiliser le calque Data pour créer un polygone. La couche de données offre un moyen plus simple de créer des trous, car elle gère pour vous l'ordre des tracés intérieur et extérieur.

Cette classe étend MVCObject.

Lorsque vous utilisez v=beta, vous pouvez y accéder en appelant const {Polygon} = await google.map.importLibrary("maps"). Consultez Bibliothèques dans l'API Maps JavaScript.

Polygon
Polygon([opts])
Paramètres :
Créez un polygone à l'aide des PolygonOptions transmis, qui spécifient le tracé du polygone, le style de trait pour les arêtes du polygone et le style de remplissage pour les régions intérieures du polygone. Un polygone peut contenir un ou plusieurs tracés, chacun d'entre eux étant composé d'un tableau de LatLng. Vous pouvez transmettre un tableau de LatLngs ou un MVCArray de LatLng lors de la construction de ces chemins. Les tableaux sont convertis en MVCArray dans le polygone lors de l'instanciation.
getDraggable
getDraggable()
Paramètres : aucun
Valeur renvoyée:boolean
Indique si l'utilisateur peut déplacer cette forme.
getEditable
getEditable()
Paramètres : aucun
Valeur renvoyée : boolean
Indique si l'utilisateur peut modifier cette forme.
getMap
getMap()
Paramètres:aucun
Valeur renvoyée:Map|null
Affiche la carte à laquelle cette forme est associée.
getPath
getPath()
Paramètres : aucun
Valeur renvoyée:MVCArray<LatLng>
Récupère le premier chemin.
getPaths
getPaths()
Paramètres:aucun
Valeur renvoyée : MVCArray<MVCArray<LatLng>>
Récupère les tracés de ce polygone.
getVisible
getVisible()
Paramètres : aucun
Valeur renvoyée : boolean
Indique si ce polygone est visible sur la carte.
setDraggable
setDraggable(draggable)
Paramètres:
  • draggable : boolean
Valeur de retour : aucune
Si ce paramètre est défini sur true, l'utilisateur peut faire glisser cette forme sur la carte. La propriété geodesic définit le mode de déplacement.
setEditable
setEditable(editable)
Paramètres :
  • editableboolean
Valeur de retour:aucune
Si la valeur est définie sur true, l'utilisateur peut modifier cette forme en faisant glisser les points de contrôle affichés sur les sommets et sur chaque segment.
setMap
setMap(map)
Paramètres:
  • map : Map optional
Valeur de retour : aucune
Affiche cette forme sur la carte spécifiée. Si la carte est définie sur null, la forme est supprimée.
setOptions
setOptions(options)
Paramètres:
Valeur de retour:aucune
setPath
setPath(path)
Paramètres :
Valeur de retour:aucune
Définit le premier chemin. Pour en savoir plus, consultez PolygonOptions.
setPaths
setPaths(paths)
Valeur de retour : aucune
Définit le tracé de ce polygone.
setVisible
setVisible(visible)
Paramètres:
  • visibleboolean
Valeur de retour : aucune
Masque ce polygone s'il est défini sur false.
Hérité : addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
click
function(event)
Arguments:
Cet événement se déclenche lorsque l'événement de clic DOM est déclenché sur le polygone.
contextmenu
function(event)
Arguments:
Cet événement se déclenche lorsque l'événement DOMcontextmenu est déclenché sur le polygone.
dblclick
function(event)
Arguments :
Cet événement se déclenche lorsque l'événement de double clic DOM est déclenché sur le polygone.
drag
function(event)
Arguments:
Cet événement est déclenché à plusieurs reprises pendant que l'utilisateur fait glisser le polygone.
dragend
function(event)
Arguments:
Cet événement est déclenché lorsque l'utilisateur arrête de faire glisser le polygone.
dragstart
function(event)
Arguments:
Cet événement est déclenché lorsque l'utilisateur commence à faire glisser le polygone.
mousedown
function(event)
Arguments :
Cet événement est déclenché lorsque l'événement de souris DOM est déclenché sur le polygone.
mousemove
function(event)
Arguments :
Cet événement se déclenche lorsque l'événement de déplacement de la souris DOM est déclenché sur le polygone.
mouseout
function(event)
Arguments :
Cet événement est déclenché à la sortie du curseur Polygone.
mouseover
function(event)
Arguments :
Cet événement est déclenché au passage de la souris sur un polygone.
mouseup
function(event)
Arguments:
Cet événement est déclenché lorsque l'événement de souris "DOM" est déclenché sur le polygone.
rightclick
function(event)
Arguments :
Cet événement se déclenche lorsque l'utilisateur fait un clic droit sur le polygone.

PolygonOptions

google.maps.PolygonOptions interface

PolygonOptions qui permet de définir les propriétés pouvant être définies sur un polygone.

clickable optional
Type : boolean optional
Par défaut : true
Indique si Polygon gère les événements de souris.
draggable optional
Type : boolean optional
Par défaut:false
Si ce paramètre est défini sur true, l'utilisateur peut faire glisser cette forme sur la carte. La propriété geodesic définit le mode de déplacement.
editable optional
Type : boolean optional
Par défaut : false
Si la valeur est définie sur true, l'utilisateur peut modifier cette forme en faisant glisser les points de contrôle affichés sur les sommets et sur chaque segment.
fillColor optional
Type : string optional
Couleur de remplissage. Toutes les couleurs CSS3 sont prises en charge, à l'exception des noms de couleurs étendus.
fillOpacity optional
Type:number optional
Opacité de remplissage comprise entre 0,0 et 1,0
geodesic optional
Type : boolean optional
Par défaut:false
Lorsque la valeur est true, les arêtes du polygone sont interprétées comme géodésiques et suivent la courbure de la Terre. Lorsque la valeur est false, les bords du polygone sont affichés sous forme de lignes droites dans l'espace à l'écran. Notez que la forme d'un polygone géodésique peut changer lorsqu'on le fait glisser, car les dimensions sont maintenues par rapport à la surface de la Terre.
map optional
Type : Map optional
Carte sur laquelle afficher le polygone.
paths optional
Séquence ordonnée de coordonnées indiquant une boucle fermée. Contrairement aux polylignes, un polygone peut être composé d'un ou de plusieurs tracés. Par conséquent, la propriété "paths" peut spécifier un ou plusieurs tableaux de coordonnées LatLng. Les chemins sont fermés automatiquement. Ne répétez pas le premier sommet du tracé comme le dernier sommet. Les polygones simples peuvent être définis à l'aide d'un seul tableau de LatLng. Des polygones plus complexes peuvent spécifier un tableau de tableaux. Tous les tableaux simples sont convertis en MVCArray. L'insertion ou la suppression de LatLng de MVCArray entraîne la mise à jour automatique du polygone sur la carte.
strokeColor optional
Type : string optional
Couleur du trait. Toutes les couleurs CSS3 sont prises en charge, à l'exception des noms de couleurs étendus.
strokeOpacity optional
Type : number optional
Opacité du trait entre 0.0 et 1.0
strokePosition optional
Type : StrokePosition optional
Position du trait.
strokeWeight optional
Type : number optional
Épaisseur du trait, en pixels.
visible optional
Type : boolean optional
Par défaut : true
Indique si ce polygone est visible sur la carte.
zIndex optional
Type:number optional
zIndex par rapport aux autres polygones.

PolyMouseEvent

google.maps.PolyMouseEvent interface

Cet objet est renvoyé par les événements de souris sur les polylignes et les polygones.

Cette interface étend MapMouseEvent.

edge optional
Type : number optional
Index de l'arête dans le tracé sous le curseur lorsque l'événement s'est produit, si l'événement s'est produit sur un point médian sur un polygone modifiable.
path optional
Type:number optional
Index du tracé sous le curseur lorsque l'événement s'est produit, si l'événement s'est produit sur un sommet et si le polygone est modifiable Sinon, undefined.
vertex optional
Type:number optional
Index du sommet sous le curseur lorsque l'événement s'est produit, si l'événement s'est produit sur un sommet et si la polyligne ou le polygone est modifiable. Si l'événement ne se produit pas sur un sommet, sa valeur est undefined.
Hérité:domEvent, latLng
Hérité: stop

Classe Rectangle

Classe google.maps.Rectangle

Superposition de rectangle.

Cette classe étend MVCObject.

Lorsque vous utilisez v=beta, vous pouvez y accéder en appelant const {Rectangle} = await google.map.importLibrary("maps"). Consultez Bibliothèques dans l'API Maps JavaScript.

Rectangle
Rectangle([opts])
Paramètres:
Créez un rectangle à l'aide des RectangleOptions qui spécifient les limites et le style.
getBounds
getBounds()
Paramètres:aucun
Valeur renvoyée : LatLngBounds|null
Renvoie les limites de ce rectangle.
getDraggable
getDraggable()
Paramètres : aucun
Valeur renvoyée:boolean
Indique si l'utilisateur peut faire glisser ce rectangle.
getEditable
getEditable()
Paramètres : aucun
Valeur renvoyée:boolean
Indique si l'utilisateur peut modifier ce rectangle.
getMap
getMap()
Paramètres:aucun
Valeur renvoyée:Map|null
Affiche la carte sur laquelle ce rectangle est affiché.
getVisible
getVisible()
Paramètres:aucun
Valeur renvoyée:boolean
Indique si ce rectangle est visible sur la carte.
setBounds
setBounds(bounds)
Paramètres :
Valeur de retour:aucune
Définit les limites de ce rectangle.
setDraggable
setDraggable(draggable)
Paramètres:
  • draggable : boolean
Valeur de retour : aucune
S'il est défini sur true, l'utilisateur peut faire glisser ce rectangle sur la carte.
setEditable
setEditable(editable)
Paramètres:
  • editableboolean
Valeur de retour:aucune
Si la valeur est définie sur true, l'utilisateur peut modifier ce rectangle en faisant glisser les points de contrôle affichés dans les angles et sur chaque arête.
setMap
setMap(map)
Paramètres:
  • map : Map optional
Valeur de retour:aucune
Affiche le rectangle sur la carte spécifiée. Si la carte est définie sur null, le rectangle sera supprimé.
setOptions
setOptions(options)
Paramètres :
Valeur de retour:aucune
setVisible
setVisible(visible)
Paramètres :
  • visible : boolean
Valeur de retour : aucune
Masque ce rectangle si la valeur est définie sur false.
Hérité : addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
bounds_changed
function()
Arguments : aucun
Cet événement est déclenché lorsque les limites du rectangle sont modifiées.
click
function(event)
Arguments:
Cet événement se déclenche lorsque l'événement de clic DOM est déclenché sur le rectangle.
contextmenu
function(event)
Arguments :
Cet événement est déclenché lorsque le menu contextuel DOM est déclenché sur le rectangle.
dblclick
function(event)
Arguments:
Cet événement se déclenche lorsque l'événement double-clic DOM est déclenché sur le rectangle.
drag
function(event)
Arguments:
Cet événement est déclenché à plusieurs reprises pendant que l'utilisateur fait glisser le rectangle.
dragend
function(event)
Arguments:
Cet événement est déclenché lorsque l'utilisateur arrête de faire glisser le rectangle.
dragstart
function(event)
Arguments :
Cet événement est déclenché lorsque l'utilisateur commence à faire glisser le rectangle.
mousedown
function(event)
Arguments:
Cet événement se déclenche lorsque l'événement de souris DOM est déclenché sur le rectangle.
mousemove
function(event)
Arguments :
Cet événement se déclenche lorsque l'événement DOM "mousemove" est déclenché sur le rectangle.
mouseout
function(event)
Arguments :
Cet événement est déclenché en cas de survol du rectangle.
mouseover
function(event)
Arguments :
Cet événement est déclenché au passage de la souris.
mouseup
function(event)
Arguments:
Cet événement se déclenche lorsque l'événement DOM-up est déclenché sur le rectangle.
rightclick
function(event)
Arguments:
Cet événement se déclenche lorsque l'utilisateur fait un clic droit sur le rectangle.

Interface RectangleOptions

google.maps.RectangleOptions interface

RectangleOptions permettant de définir les propriétés pouvant être définies sur un rectangle.

bounds optional
Les limites
clickable optional
Type : boolean optional
Par défaut : true
Indique si Rectangle gère les événements de souris.
draggable optional
Type : boolean optional
Par défaut:false
S'il est défini sur true, l'utilisateur peut faire glisser ce rectangle sur la carte.
editable optional
Type : boolean optional
Par défaut : false
Si la valeur est définie sur true, l'utilisateur peut modifier ce rectangle en faisant glisser les points de contrôle affichés dans les angles et sur chaque arête.
fillColor optional
Type:string optional
Couleur de remplissage. Toutes les couleurs CSS3 sont prises en charge, à l'exception des noms de couleurs étendus.
fillOpacity optional
Type:number optional
Opacité de remplissage comprise entre 0,0 et 1,0
map optional
Type:Map optional
Carte sur laquelle afficher le rectangle.
strokeColor optional
Type : string optional
Couleur du trait. Toutes les couleurs CSS3 sont prises en charge, à l'exception des noms de couleurs étendus.
strokeOpacity optional
Type:number optional
Opacité du trait entre 0.0 et 1.0
strokePosition optional
Type : StrokePosition optional
Position du trait.
strokeWeight optional
Type:number optional
Épaisseur du trait, en pixels.
visible optional
Type:boolean optional
Par défaut : true
Indique si ce rectangle est visible sur la carte.
zIndex optional
Type : number optional
zIndex par rapport aux autres polygones.

Circle

Classe google.maps.Circle

Cercle à la surface de la Terre, également appelé "bouchon sphérique"

Cette classe étend MVCObject.

Lorsque vous utilisez v=beta, vous pouvez y accéder en appelant const {Circle} = await google.map.importLibrary("maps"). Consultez Bibliothèques dans l'API Maps JavaScript.

Circle
Circle([circleOrCircleOptions])
Paramètres:
Créez un cercle à l'aide des CircleOptions transmis, qui spécifient le centre, le rayon et le style.
getBounds
getBounds()
Paramètres : aucun
Valeur renvoyée:LatLngBounds|null
Récupère les LatLngBounds de ce cercle.
getCenter
getCenter()
Paramètres:aucun
Valeur renvoyée : LatLng
Affiche le centre de ce cercle.
getDraggable
getDraggable()
Paramètres : aucun
Valeur renvoyée:boolean
Indique si ce cercle peut être déplacé par l'utilisateur.
getEditable
getEditable()
Paramètres : aucun
Valeur renvoyée : boolean
Indique si ce cercle peut être modifié par l'utilisateur.
getMap
getMap()
Paramètres : aucun
Valeur renvoyée:Map|null
Affiche la carte sur laquelle le cercle est affiché.
getRadius
getRadius()
Paramètres : aucun
Valeur renvoyée : number
Affiche le rayon de ce cercle (en mètres).
getVisible
getVisible()
Paramètres:aucun
Valeur renvoyée : boolean
Indique si ce cercle est visible ou non sur la carte.
setCenter
setCenter(center)
Paramètres :
Valeur de retour:aucune
Définit le centre de ce cercle.
setDraggable
setDraggable(draggable)
Paramètres:
  • draggable : boolean
Valeur de retour:aucune
S'il est défini sur true, l'utilisateur peut faire glisser ce cercle sur la carte.
setEditable
setEditable(editable)
Paramètres:
  • editable : boolean
Valeur de retour : aucune
S'il est défini sur true, l'utilisateur peut modifier ce cercle en faisant glisser les points de contrôle affichés au centre et autour de sa circonférence.
setMap
setMap(map)
Paramètres :
  • map : Map optional
Valeur de retour : aucune
Affiche le cercle sur la carte spécifiée. Si la carte est définie sur null, le cercle sera supprimé.
setOptions
setOptions(options)
Paramètres:
Valeur de retour : aucune
setRadius
setRadius(radius)
Paramètres :
  • radiusnumber
Valeur de retour:aucune
Définit le rayon de ce cercle (en mètres).
setVisible
setVisible(visible)
Paramètres :
  • visible : boolean
Valeur de retour:aucune
Masque ce cercle s'il est défini sur false.
Hérité : addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
center_changed
function()
Arguments:aucun
Cet événement est déclenché lorsque le centre du cercle est modifié.
click
function(event)
Arguments:
Cet événement est déclenché lorsque l'événement de clic DOM est déclenché sur le cercle.
dblclick
function(event)
Arguments:
Cet événement est déclenché lorsque l'événement dblclick DOM est déclenché sur le cercle.
drag
function(event)
Arguments :
Cet événement est déclenché à plusieurs reprises pendant que l'utilisateur fait glisser le cercle.
dragend
function(event)
Arguments:
Cet événement est déclenché lorsque l'utilisateur arrête de faire glisser le cercle.
dragstart
function(event)
Arguments:
Cet événement est déclenché lorsque l'utilisateur commence à faire glisser le cercle.
mousedown
function(event)
Arguments :
Cet événement se déclenche lorsque l'événement de souris DOM est déclenché sur le cercle.
mousemove
function(event)
Arguments:
Cet événement est déclenché lorsque l'événement DOM "mousemove" est déclenché sur le cercle.
mouseout
function(event)
Arguments:
Cet événement est déclenché à la sortie du cercle.
mouseover
function(event)
Arguments :
Cet événement est déclenché au passage du curseur sur le cercle.
mouseup
function(event)
Arguments :
Cet événement est déclenché lorsque l'événement de souris "DOM" est déclenché sur le cercle.
radius_changed
function()
Arguments:aucun
Cet événement est déclenché lorsque le rayon du cercle est modifié.
rightclick
function(event)
Arguments:
Cet événement est déclenché lorsque le cercle effectue un clic droit.

CircleOptions

google.maps.CircleOptions interface

Objet CircleOptions permettant de définir les propriétés pouvant être définies dans un cercle.

center optional
Type : LatLng|LatLngLiteral optional
Au centre du cercle
clickable optional
Type:boolean optional
Par défaut : true
Indique si Circle gère les événements de souris.
draggable optional
Type:boolean optional
Par défaut:false
S'il est défini sur true, l'utilisateur peut faire glisser ce cercle sur la carte.
editable optional
Type:boolean optional
Par défaut:false
S'il est défini sur true, l'utilisateur peut modifier ce cercle en faisant glisser les points de contrôle affichés au centre et autour de sa circonférence.
fillColor optional
Type : string optional
Couleur de remplissage. Toutes les couleurs CSS3 sont prises en charge, à l'exception des noms de couleurs étendus.
fillOpacity optional
Type : number optional
Opacité de remplissage comprise entre 0,0 et 1,0.
map optional
Type:Map optional
Carte sur laquelle afficher le cercle
radius optional
Type : number optional
Rayon en mètres sur la surface de la Terre.
strokeColor optional
Type:string optional
Couleur du trait. Toutes les couleurs CSS3 sont prises en charge, à l'exception des noms de couleurs étendus.
strokeOpacity optional
Type:number optional
Opacité du trait (entre 0.0 et 1.0).
strokePosition optional
Type : StrokePosition optional
Position du trait.
strokeWeight optional
Type : number optional
Épaisseur du trait, en pixels.
visible optional
Type : boolean optional
Par défaut:true
Indique si ce cercle est visible ou non sur la carte.
zIndex optional
Type : number optional
zIndex par rapport aux autres polygones.

Constantes StrokePosition

constantes google.maps.StrokePosition

Positions possibles du trait sur un polygone.

Lorsque vous utilisez v=beta, vous pouvez y accéder en appelant const {StrokePosition} = await google.map.importLibrary("maps"). Consultez Bibliothèques dans l'API Maps JavaScript.

CENTER Le trait est centré sur le tracé du polygone, la moitié du trait à l'intérieur du polygone et l'autre à l'extérieur du polygone.
INSIDE Le trait se trouve à l'intérieur du polygone.
OUTSIDE Le trait se trouve à l'extérieur du polygone.