Classe Polyline
class
google.maps.Polyline
extends MVCObject
library "maps"
Une polyligne est une superposition linéaire de segments de ligne connectés sur la carte.
const {Polyline} = await google.maps.importLibrary("maps");
Constructeur | |
|---|---|
Polyline |
Polyline([opts])Paramètres :
Créez une polyligne à l'aide de l'élément PolylineOptions transmis, qui spécifie à la fois le tracé de la polyligne et le style de trait à utiliser pour la dessiner. Vous pouvez transmettre un tableau de plusieurs LatLng ou un MVCArray de plusieurs LatLng lors de la construction d'une polyligne, bien que les tableaux simples soient convertis en MVCArray dans la polyligne lors de l'instanciation. |
Méthodes | |
|---|---|
getDraggable |
getDraggable()Paramètres : aucun
Valeur renvoyée :
booleanIndique si l'utilisateur peut faire glisser cette forme. |
getEditable |
getEditable()Paramètres : aucun
Valeur renvoyée :
booleanIndique si cette forme peut être modifiée par l'utilisateur. |
getMap |
getMap()Paramètres : aucun
Valeur renvoyée :
Map|nullRenvoie la carte à laquelle cette forme est associée. |
getPath |
getPath()Paramètres : aucun
Récupère le chemin d'accès. |
getVisible |
getVisible()Paramètres : aucun
Valeur renvoyée :
booleanIndique si ce polygone est visible sur la carte. |
setDraggable |
setDraggable(draggable)Paramètres :
Valeur renvoyée : aucune
Si la valeur est définie 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 :
Valeur renvoyée : 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 au niveau des sommets et sur chaque segment. |
setMap |
setMap(map)Paramètres :
Valeur renvoyée : aucune
Affiche cette forme sur la carte spécifiée. Si la carte est définie sur null, la forme sera supprimée. |
setOptions |
setOptions(options)Paramètres :
Valeur renvoyée : aucune
|
setPath |
setPath(path)Paramètres :
Valeur renvoyée : aucune
Définit le chemin d'accès. Pour en savoir plus, consultez PolylineOptions. |
setVisible |
setVisible(visible)Paramètres :
Valeur renvoyée : aucune
Masque ce polygone si la valeur est définie sur false. |
Héritées :
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Événements | |
|---|---|
click |
function(event)Arguments :
Cet événement est déclenché lorsque l'événement de clic DOM est déclenché sur la polyligne. |
contextmenu |
function(event)Arguments :
Cet événement est déclenché lorsque l'événement contextmenu du DOM est déclenché sur Polyline. |
dblclick |
function(event)Arguments :
Cet événement est déclenché lorsque l'événement DOM dblclick est déclenché sur la polyligne. |
drag |
function(event)Arguments :
Cet événement est déclenché de manière répétée 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 est déclenché lorsque l'événement DOM mousedown est déclenché sur la polyligne. |
mousemove |
function(event)Arguments :
Cet événement est déclenché lorsque l'événement DOM mousemove est déclenché sur la polyligne. |
mouseout |
function(event)Arguments :
Cet événement est déclenché lorsque la souris quitte la polyligne. |
mouseover |
function(event)Arguments :
Cet événement est déclenché lorsque l'utilisateur passe la souris sur la polyligne. |
mouseup |
function(event)Arguments :
Cet événement est déclenché lorsque l'événement DOM mouseup est déclenché sur la polyligne. |
|
function(event)Arguments :
Cet événement est déclenché lorsqu'un clic droit est effectué sur la polyligne. |
PolylineOptions interface
interface
google.maps.PolylineOptions
Objet PolylineOptions utilisé pour définir les propriétés pouvant être définies sur une polyligne.
Propriétés | |
|---|---|
clickable
facultatif |
Type :
boolean optionalPar défaut :
trueIndique si ce Polyline gère les événements de souris. |
draggable
facultatif |
Type :
boolean optionalPar défaut :
falseSi la valeur est définie sur true, l'utilisateur peut faire glisser cette forme sur la carte. La propriété geodesic définit le mode de déplacement. |
editable
facultatif |
Type :
boolean optionalPar défaut :
falseSi la valeur est définie sur true, l'utilisateur peut modifier cette forme en faisant glisser les points de contrôle affichés au niveau des sommets et sur chaque segment. |
geodesic
facultatif |
Type :
boolean optionalPar défaut :
falseSi la valeur est true, les bords du polygone sont interprétés 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 de l'écran. Notez que la forme d'un polygone géodésique peut sembler changer lorsqu'il est déplacé, car les dimensions sont conservées par rapport à la surface de la Terre. |
icons
facultatif |
Type :
Array<IconSequence> optionalIcônes à afficher le long de la polyligne. |
map
facultatif |
Type :
Map optionalCarte sur laquelle afficher la polyligne. |
path
facultatif |
Type :
MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optionalSéquence ordonnée de coordonnées de la polyligne. Ce chemin 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, il sera converti en MVCArray. L'insertion ou la suppression de LatLngs dans le MVCArray mettra automatiquement à jour la polyligne sur la carte. |
strokeColor
facultatif |
Type :
string optionalCouleur du trait. Toutes les couleurs CSS3 sont compatibles, à l'exception des noms de couleurs étendus. |
strokeOpacity
facultatif |
Type :
number optionalOpacité du trait (entre 0.0 et 1.0). |
strokeWeight
facultatif |
Type :
number optionalÉpaisseur du trait, en pixels. |
visible
facultatif |
Type :
boolean optionalPar défaut :
trueIndique si cette polyligne est visible sur la carte. |
zIndex
facultatif |
Type :
number optionalzIndex par rapport aux autres polygones. |
Interface IconSequence
interface
google.maps.IconSequence
Décrit comment les icônes doivent être affichées 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 le décalage ou la répétition sur la valeur d'un pixel, les distances seront calculées en pixels à l'écran.
Propriétés | |
|---|---|
fixedRotation
facultatif |
Type :
boolean optionalPar défaut :
falseSi la valeur est true, chaque icône de la séquence a la même rotation fixe, quel que soit l'angle du bord sur lequel elle se trouve. Si false, chaque icône de la séquence est pivotée pour s'aligner sur son bord. |
icon
facultatif |
Type :
Symbol optionalIcône à afficher sur la ligne. |
offset
facultatif |
Type :
string optionalPar 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, "50px"). |
repeat
facultatif |
Type :
string optionalPar défaut :
0Distance entre des 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, "50px"). Pour désactiver la répétition de l'icône, spécifiez "0". |
Classe Polygon
class
google.maps.Polygon
extends MVCObject
library "maps"
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 pleine. 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 de données pour créer un polygone. Le calque de données offre un moyen plus simple de créer des trous, car il gère l'ordre des tracés intérieur et extérieur pour vous.
const {Polygon} = await google.maps.importLibrary("maps");
Constructeur | |
|---|---|
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 bords 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'eux étant constitué d'un tableau de LatLng. Vous pouvez transmettre un tableau de LatLng 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. |
Méthodes | |
|---|---|
getDraggable |
getDraggable()Paramètres : aucun
Valeur renvoyée :
booleanIndique si l'utilisateur peut faire glisser cette forme. |
getEditable |
getEditable()Paramètres : aucun
Valeur renvoyée :
booleanIndique si cette forme peut être modifiée par l'utilisateur. |
getMap |
getMap()Paramètres : aucun
Valeur renvoyée :
Map|nullRenvoie la carte à laquelle cette forme est associée. |
getPath |
getPath()Paramètres : aucun
Récupère le premier chemin d'accès. |
getPaths |
getPaths()Paramètres : aucun
Récupère les chemins d'accès de ce polygone. |
getVisible |
getVisible()Paramètres : aucun
Valeur renvoyée :
booleanIndique si ce polygone est visible sur la carte. |
setDraggable |
setDraggable(draggable)Paramètres :
Valeur renvoyée : aucune
Si la valeur est définie 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 :
Valeur renvoyée : 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 au niveau des sommets et sur chaque segment. |
setMap |
setMap(map)Paramètres :
Valeur renvoyée : aucune
Affiche cette forme sur la carte spécifiée. Si la carte est définie sur null, la forme sera supprimée. |
setOptions |
setOptions(options)Paramètres :
Valeur renvoyée : aucune
|
setPath |
setPath(path)Paramètres :
Valeur renvoyée : aucune
Définit le premier chemin d'accès. Pour en savoir plus, consultez PolygonOptions. |
setPaths |
setPaths(paths)Paramètres :
Valeur renvoyée : aucune
Définit le tracé de ce polygone. |
setVisible |
setVisible(visible)Paramètres :
Valeur renvoyée : aucune
Masque ce polygone si la valeur est définie sur false. |
Héritées :
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Événements | |
|---|---|
click |
function(event)Arguments :
Cet événement est déclenché lorsque l'événement de clic DOM est déclenché sur le polygone. |
contextmenu |
function(event)Arguments :
Cet événement est déclenché lorsque l'événement contextmenu du DOM est déclenché sur le polygone. |
dblclick |
function(event)Arguments :
Cet événement est déclenché lorsque l'événement DOM dblclick est déclenché sur le polygone. |
drag |
function(event)Arguments :
Cet événement est déclenché de manière répétée 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 DOM mousedown est déclenché sur le polygone. |
mousemove |
function(event)Arguments :
Cet événement est déclenché lorsque l'événement DOM mousemove est déclenché sur le polygone. |
mouseout |
function(event)Arguments :
Cet événement est déclenché lorsque la souris quitte le polygone. |
mouseover |
function(event)Arguments :
Cet événement est déclenché lorsque l'utilisateur pointe sur un polygone avec la souris. |
mouseup |
function(event)Arguments :
Cet événement est déclenché lorsque l'événement DOM mouseup est déclenché sur le polygone. |
|
function(event)Arguments :
Cet événement est déclenché lorsqu'un clic droit est effectué sur le polygone. |
Interface PolygonOptions
interface
google.maps.PolygonOptions
Objet PolygonOptions utilisé pour définir les propriétés pouvant être définies sur un polygone.
Propriétés | |
|---|---|
clickable
facultatif |
Type :
boolean optionalPar défaut :
trueIndique si ce Polygon gère les événements de souris. |
draggable
facultatif |
Type :
boolean optionalPar défaut :
falseSi la valeur est définie sur true, l'utilisateur peut faire glisser cette forme sur la carte. La propriété geodesic définit le mode de déplacement. |
editable
facultatif |
Type :
boolean optionalPar défaut :
falseSi la valeur est définie sur true, l'utilisateur peut modifier cette forme en faisant glisser les points de contrôle affichés au niveau des sommets et sur chaque segment. |
fillColor
facultatif |
Type :
string optionalCouleur de remplissage. Toutes les couleurs CSS3 sont compatibles, à l'exception des noms de couleurs étendus. |
fillOpacity
facultatif |
Type :
number optionalOpacité de remplissage, entre 0,0 et 1,0 |
geodesic
facultatif |
Type :
boolean optionalPar défaut :
falseSi la valeur est true, les bords du polygone sont interprétés 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 de l'écran. Notez que la forme d'un polygone géodésique peut sembler changer lorsqu'il est déplacé, car les dimensions sont conservées par rapport à la surface de la Terre. |
map
facultatif |
Type :
Map optionalCarte sur laquelle afficher le polygone. |
paths
facultatif |
Type :
MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optionalSéquence ordonnée de coordonnées qui désigne une boucle fermée. Contrairement aux polylignes, un polygone peut être constitué 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 d'accès sont fermés automatiquement. Ne répétez pas le premier sommet du chemin d'accès comme dernier sommet. Les polygones simples peuvent être définis à l'aide d'un seul tableau de LatLng. Les 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 dans MVCArray met automatiquement à jour le polygone sur la carte. |
strokeColor
facultatif |
Type :
string optionalCouleur du trait. Toutes les couleurs CSS3 sont compatibles, à l'exception des noms de couleurs étendus. |
strokeOpacity
facultatif |
Type :
number optionalOpacité du trait (entre 0.0 et 1.0) |
strokePosition
facultatif |
Type :
StrokePosition optionalPar défaut :
StrokePosition.CENTERPosition du trait. |
strokeWeight
facultatif |
Type :
number optionalÉpaisseur du trait, en pixels. |
visible
facultatif |
Type :
boolean optionalPar défaut :
trueIndique si ce polygone est visible sur la carte. |
zIndex
facultatif |
Type :
number optionalzIndex par rapport aux autres polygones. |
Interface PolyMouseEvent
interface
google.maps.PolyMouseEvent
extends MapMouseEvent
Cet objet est renvoyé par les événements de souris sur les polylignes et les polygones.
Propriétés | |
|---|---|
edge
facultatif |
Type :
number optionalIndex du segment du tracé sous le curseur lorsque l'événement s'est produit, si l'événement s'est produit sur un point médian d'un polygone modifiable. |
path
facultatif |
Type :
number optionalIndex du tracé sous le curseur lorsque l'événement s'est produit, si l'événement s'est produit sur un sommet et que le polygone est modifiable. Sinon, il est défini sur undefined. |
vertex
facultatif |
Type :
number optionalIndex du sommet sous le curseur lorsque l'événement s'est produit, si l'événement s'est produit sur un sommet et que la polyligne ou le polygone est modifiable. Si l'événement ne se produit pas sur un sommet, la valeur est undefined. |
Hérité :
domEvent,
latLng
| |
Méthodes | |
|---|---|
Hérité :
stop
|
Classe Rectangle
class
google.maps.Rectangle
extends MVCObject
library "maps"
Superposition de rectangle.
const {Rectangle} = await google.maps.importLibrary("maps");
Constructeur | |
|---|---|
Rectangle |
Rectangle([opts])Paramètres :
Crée un rectangle à l'aide des RectangleOptions transmis, qui spécifient les limites et le style. |
Méthodes | |
|---|---|
getBounds |
getBounds()Paramètres : aucun
Valeur renvoyée :
LatLngBounds|nullRenvoie les limites de ce rectangle. |
getDraggable |
getDraggable()Paramètres : aucun
Valeur renvoyée :
booleanIndique si l'utilisateur peut faire glisser ce rectangle. |
getEditable |
getEditable()Paramètres : aucun
Valeur renvoyée :
booleanIndique si ce rectangle peut être modifié par l'utilisateur. |
getMap |
getMap()Paramètres : aucun
Valeur renvoyée :
Map|nullRenvoie la carte sur laquelle ce rectangle est affiché. |
getVisible |
getVisible()Paramètres : aucun
Valeur renvoyée :
booleanIndique si ce rectangle est visible sur la carte. |
setBounds |
setBounds(bounds)Paramètres :
Valeur renvoyée : aucune
Définit les limites de ce rectangle. |
setDraggable |
setDraggable(draggable)Paramètres :
Valeur renvoyée : aucune
Si la valeur est définie sur true, l'utilisateur peut faire glisser ce rectangle sur la carte. |
setEditable |
setEditable(editable)Paramètres :
Valeur renvoyée : 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 aux angles et sur chaque bord. |
setMap |
setMap(map)Paramètres :
Valeur renvoyée : 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 renvoyée : aucune
|
setVisible |
setVisible(visible)Paramètres :
Valeur renvoyée : aucune
Masque ce rectangle si la valeur est définie sur false. |
Héritées :
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Événements | |
|---|---|
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 est déclenché lorsque l'événement de clic DOM est déclenché sur le rectangle. |
contextmenu |
function(event)Arguments :
Cet événement est déclenché lorsque l'événement contextmenu du DOM est déclenché sur le rectangle. |
dblclick |
function(event)Arguments :
Cet événement est déclenché lorsque l'événement DOM dblclick est déclenché sur le rectangle. |
drag |
function(event)Arguments :
Cet événement est déclenché de manière répétée 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 est déclenché lorsque l'événement DOM mousedown est déclenché sur le rectangle. |
mousemove |
function(event)Arguments :
Cet événement est déclenché lorsque l'événement DOM mousemove est déclenché sur le rectangle. |
mouseout |
function(event)Arguments :
Cet événement est déclenché lorsque la souris quitte le rectangle. |
mouseover |
function(event)Arguments :
Cet événement est déclenché lorsque la souris survole le rectangle. |
mouseup |
function(event)Arguments :
Cet événement est déclenché lorsque l'événement DOM mouseup est déclenché sur le rectangle. |
|
function(event)Arguments :
Cet événement est déclenché lorsque l'utilisateur effectue un clic droit sur le rectangle. |
Interface RectangleOptions
interface
google.maps.RectangleOptions
Objet RectangleOptions utilisé pour définir les propriétés pouvant être définies sur un rectangle.
Propriétés | |
|---|---|
bounds
facultatif |
Type :
LatLngBounds|LatLngBoundsLiteral optionalLimites. |
clickable
facultatif |
Type :
boolean optionalPar défaut :
trueIndique si ce Rectangle gère les événements de souris. |
draggable
facultatif |
Type :
boolean optionalPar défaut :
falseSi la valeur est définie sur true, l'utilisateur peut faire glisser ce rectangle sur la carte. |
editable
facultatif |
Type :
boolean optionalPar défaut :
falseSi la valeur est définie sur true, l'utilisateur peut modifier ce rectangle en faisant glisser les points de contrôle affichés aux angles et sur chaque bord. |
fillColor
facultatif |
Type :
string optionalCouleur de remplissage. Toutes les couleurs CSS3 sont compatibles, à l'exception des noms de couleurs étendus. |
fillOpacity
facultatif |
Type :
number optionalOpacité de remplissage, entre 0,0 et 1,0 |
map
facultatif |
Type :
Map optionalCarte sur laquelle afficher le rectangle. |
strokeColor
facultatif |
Type :
string optionalCouleur du trait. Toutes les couleurs CSS3 sont compatibles, à l'exception des noms de couleurs étendus. |
strokeOpacity
facultatif |
Type :
number optionalOpacité du trait (entre 0.0 et 1.0) |
strokePosition
facultatif |
Type :
StrokePosition optionalPar défaut :
StrokePosition.CENTERPosition du trait. |
strokeWeight
facultatif |
Type :
number optionalÉpaisseur du trait, en pixels. |
visible
facultatif |
Type :
boolean optionalPar défaut :
trueIndique si ce rectangle est visible sur la carte. |
zIndex
facultatif |
Type :
number optionalzIndex par rapport aux autres polygones. |
Classe Circle
class
google.maps.Circle
extends MVCObject
library "maps"
Cercle à la surface de la Terre, également appelé "calotte sphérique".
const {Circle} = await google.maps.importLibrary("maps");
Constructeur | |
|---|---|
Circle |
Circle([circleOrCircleOptions])Paramètres :
Crée un cercle à l'aide de l'objet CircleOptions transmis, qui spécifie le centre, le rayon et le style. |
Méthodes | |
|---|---|
getBounds |
getBounds()Paramètres : aucun
Valeur renvoyée :
LatLngBounds|nullRécupère le LatLngBounds de ce cercle. |
getCenter |
getCenter()Paramètres : aucun
Valeur renvoyée :
LatLng|nullRenvoie le centre de ce cercle. |
getDraggable |
getDraggable()Paramètres : aucun
Valeur renvoyée :
booleanIndique si ce cercle peut être déplacé par l'utilisateur. |
getEditable |
getEditable()Paramètres : aucun
Valeur renvoyée :
booleanIndique si ce cercle peut être modifié par l'utilisateur. |
getMap |
getMap()Paramètres : aucun
Valeur renvoyée :
Map|nullRenvoie la carte sur laquelle ce cercle est affiché. |
getRadius |
getRadius()Paramètres : aucun
Valeur renvoyée :
numberRenvoie le rayon de ce cercle (en mètres). |
getVisible |
getVisible()Paramètres : aucun
Valeur renvoyée :
booleanIndique si ce cercle est visible sur la carte. |
setCenter |
setCenter(center)Paramètres :
Valeur renvoyée : aucune
Définit le centre de ce cercle. |
setDraggable |
setDraggable(draggable)Paramètres :
Valeur renvoyée : aucune
Si la valeur est définie sur true, l'utilisateur peut faire glisser ce cercle sur la carte. |
setEditable |
setEditable(editable)Paramètres :
Valeur renvoyée : aucune
Si la valeur est définie sur true, l'utilisateur peut modifier ce cercle en faisant glisser les points de contrôle affichés au centre et autour de la circonférence du cercle. |
setMap |
setMap(map)Paramètres :
Valeur renvoyée : 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 renvoyée : aucune
|
setRadius |
setRadius(radius)Paramètres :
Valeur renvoyée : aucune
Définit le rayon de ce cercle (en mètres). |
setVisible |
setVisible(visible)Paramètres :
Valeur renvoyée : aucune
Masque ce cercle si la valeur est définie sur false. |
Héritées :
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Événements | |
|---|---|
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 DOM dblclick est déclenché sur le cercle. |
drag |
function(event)Arguments :
Cet événement est déclenché de manière répétée 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 est déclenché lorsque l'événement DOM mousedown 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é lorsque la souris quitte le cercle. |
mouseover |
function(event)Arguments :
Cet événement est déclenché lorsque l'utilisateur pointe sur le cercle avec la souris. |
mouseup |
function(event)Arguments :
Cet événement est déclenché lorsque l'événement DOM mouseup 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é lorsqu'un clic droit est effectué sur le cercle. |
CircleOptions interface
interface
google.maps.CircleOptions
étendue par CircleLiteral
Objet CircleOptions utilisé pour définir les propriétés pouvant être définies sur un cercle.
Propriétés | |
|---|---|
center
facultatif |
Type :
LatLng|LatLngLiteral optionalCentre du cercle. |
clickable
facultatif |
Type :
boolean optionalPar défaut :
trueIndique si ce Circle gère les événements de souris. |
draggable
facultatif |
Type :
boolean optionalPar défaut :
falseSi la valeur est définie sur true, l'utilisateur peut faire glisser ce cercle sur la carte. |
editable
facultatif |
Type :
boolean optionalPar défaut :
falseSi la valeur est définie sur true, l'utilisateur peut modifier ce cercle en faisant glisser les points de contrôle affichés au centre et autour de la circonférence du cercle. |
fillColor
facultatif |
Type :
string optionalCouleur de remplissage. Toutes les couleurs CSS3 sont compatibles, à l'exception des noms de couleurs étendus. |
fillOpacity
facultatif |
Type :
number optionalOpacité de remplissage, entre 0,0 et 1,0. |
map
facultatif |
Type :
Map optionalCarte sur laquelle afficher le cercle. |
radius
facultatif |
Type :
number optionalRayon en mètres à la surface de la Terre. |
strokeColor
facultatif |
Type :
string optionalCouleur du trait. Toutes les couleurs CSS3 sont compatibles, à l'exception des noms de couleurs étendus. |
strokeOpacity
facultatif |
Type :
number optionalOpacité du trait (entre 0.0 et 1.0). |
strokePosition
facultatif |
Type :
StrokePosition optionalPar défaut :
StrokePosition.CENTERPosition du trait. |
strokeWeight
facultatif |
Type :
number optionalÉpaisseur du trait, en pixels. |
visible
facultatif |
Type :
boolean optionalPar défaut :
trueIndique si ce cercle est visible sur la carte. |
zIndex
facultatif |
Type :
number optionalzIndex par rapport aux autres polygones. |
Constantes StrokePosition
google.maps.StrokePosition
bibliothèque "maps"
Positions possibles du trait sur un polygone.
const {StrokePosition} = await google.maps.importLibrary("maps");
Constantes | |
|---|---|
CENTER |
Le trait est centré sur le tracé du polygone, avec la moitié du trait à l'intérieur du polygone et l'autre moitié à l'extérieur. |
INSIDE |
Le trait se trouve à l'intérieur du polygone. |
OUTSIDE |
Le trait se trouve à l'extérieur du polygone. |