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
.
Pour y accéder, appelez const {Polyline} = await google.maps.importLibrary("maps")
. Consultez Bibliothèques dans l'API Maps JavaScript.
Constructeur | |
---|---|
Polyline |
Polyline([opts]) Paramètres:
Créez une polyligne à l'aide des PolylineOptions transmis, qui spécifient à la fois le tracé de la polyligne 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 les tableaux simples soient convertis en MVCArray dans la polyligne lors de l'instanciation. |
Méthodes | |
---|---|
getDraggable |
getDraggable() Paramètres:aucun
Valeur renvoyée:
boolean Indique si cette forme peut être déplacée par l'utilisateur. |
getEditable |
getEditable() Paramètres:aucun
Valeur renvoyée:
boolean Indique si cette forme peut être modifiée par l'utilisateur. |
getMap |
getMap() Paramètres:aucun
Valeur renvoyée:
Map|null Affiche 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:
boolean Indique si ce polygone est visible sur la carte. |
setDraggable |
setDraggable(draggable) Paramètres:
Return Value (Valeur renvoyée) : aucune
Si elle 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:
Return Value (Valeur renvoyée) : aucune
Si la valeur est true , l'utilisateur peut modifier cette forme en faisant glisser les points de contrôle affichés aux sommets et sur chaque segment. |
setMap |
setMap(map) Paramètres:
Return Value (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:
Return Value (Valeur renvoyée) : aucune
|
setPath |
setPath(path) Paramètres:
Return Value (Valeur renvoyée) : aucune
Définit le chemin d'accès. Pour en savoir plus, consultez PolylineOptions . |
setVisible |
setVisible(visible) Paramètres:
Return Value (Valeur renvoyée) : aucune
Masque ce polygone s'il est défini sur false . |
Hérité:addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Événements | |
---|---|
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 se déclenche plusieurs fois lorsque 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 déplacement du curseur 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é lorsque l'utilisateur survole une polyligne avec la souris. |
mouseup |
function(event) Arguments:
Cet événement se déclenche lorsque l'événement de survol DOM avec la souris est déclenché sur la polyligne. |
|
function(event) Arguments:
Cet événement est déclenché lorsque l'utilisateur effectue un clic droit sur la polyligne. |
Interface PolylineOptions
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 optional |
Type:
boolean optional Par défaut:
true Indique si ce Polyline gère les événements de souris. |
draggable optional |
Type:
boolean optional Par défaut:
false Si elle 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 optional |
Type:
boolean optional Par défaut:
false Si la valeur est true , l'utilisateur peut modifier cette forme en faisant glisser les points de contrôle affichés aux 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 une géodésique 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 sembler changer lorsqu'il est déplacé, car ses dimensions sont conservées 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 la polyligne doit être affichée. |
path optional |
Type:
MVCArray<LatLng>|Array<LatLng|LatLngLiteral> 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, il sera converti en MVCArray . Si vous insérez ou supprimez des LatLngs dans le MVCArray , la polyligne est automatiquement mise à jour sur la carte. |
strokeColor optional |
Type:
string optional Couleur du trait. Toutes les couleurs CSS3 sont compatibles, à 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 à d'autres zones d'intérêt. |
IconSequence
Interface google.maps.IconSequence
Décrit le rendu 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 sur une valeur en pixels, les distances seront calculées en pixels à l'écran.
Propriétés | |
---|---|
fixedRotation optional |
Type:
boolean optional Par défaut:
false Si 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 repose. Si la valeur est false , chaque icône de la séquence est pivotée de façon à 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, "50px"). |
repeat optional |
Type:
string optional Par défaut:
0 Distance 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
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 zone remplie. Consultez les exemples fournis dans le 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. La couche Data offre un moyen plus simple de créer des trous, car elle gère l'ordre des chemins intérieur et extérieur à votre place.
Cette classe étend MVCObject
.
Pour y accéder, appelez const {Polygon} = await google.maps.importLibrary("maps")
. Consultez Bibliothèques dans l'API Maps JavaScript.
Constructeur | |
---|---|
Polygon |
Polygon([opts]) Paramètres:
Créez un polygone à l'aide des valeurs PolygonOptions transmises, qui spécifient son tracé, son style de trait et son style de remplissage pour les régions intérieures du polygone. Un polygone peut contenir un ou plusieurs tracés, chacun é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 valeurs MVCArray dans le polygone lors de l'instanciation. |
Méthodes | |
---|---|
getDraggable |
getDraggable() Paramètres:aucun
Valeur renvoyée:
boolean Indique si cette forme peut être déplacée par l'utilisateur. |
getEditable |
getEditable() Paramètres:aucun
Valeur renvoyée:
boolean Indique si cette forme peut être modifiée par l'utilisateur. |
getMap |
getMap() Paramètres:aucun
Valeur renvoyée:
Map|null Affiche la carte à laquelle cette forme est associée. |
getPath |
getPath() Paramètres:aucun
Récupère le premier chemin. |
getPaths |
getPaths() Paramètres:aucun
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:
Return Value (Valeur renvoyée) : aucune
Si elle 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:
Return Value (Valeur renvoyée) : aucune
Si la valeur est true , l'utilisateur peut modifier cette forme en faisant glisser les points de contrôle affichés aux sommets et sur chaque segment. |
setMap |
setMap(map) Paramètres:
Return Value (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:
Return Value (Valeur renvoyée) : aucune
|
setPath |
setPath(path) Paramètres:
Return Value (Valeur renvoyée) : aucune
Définit le premier chemin d'accès. Pour en savoir plus, consultez PolygonOptions . |
setPaths |
setPaths(paths) Paramètres:
Return Value (Valeur renvoyée) : aucune
Définit le tracé de ce polygone. |
setVisible |
setVisible(visible) Paramètres:
Return Value (Valeur renvoyée) : aucune
Masque ce polygone s'il est défini sur false . |
Hérité:addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Événements | |
---|---|
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 du menu contextuel DOM est déclenché sur le polygone. |
dblclick |
function(event) Arguments:
Cet événement se déclenche lorsque l'événement dblclick DOM est déclenché sur le polygone. |
drag |
function(event) Arguments:
Cet événement se déclenche plusieurs fois lorsque 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 "mousedown" DOM est déclenché sur le polygone. |
mousemove |
function(event) Arguments:
Cet événement se déclenche lorsque l'événement DOM "mousemove" est déclenché sur le polygone. |
mouseout |
function(event) Arguments:
Cet événement est déclenché lors de la sortie du curseur du polygone. |
mouseover |
function(event) Arguments:
Cet événement est déclenché lors du survol d'un polygone. |
mouseup |
function(event) Arguments:
Cet événement se déclenche lorsque l'événement de survol DOM avec la souris est déclenché sur le polygone. |
|
function(event) Arguments:
Cet événement est déclenché lors d'un clic droit 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 optional |
Type:
boolean optional Par défaut:
true Indique si ce Polygon gère les événements de souris. |
draggable optional |
Type:
boolean optional Par défaut:
false Si elle 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 optional |
Type:
boolean optional Par défaut:
false Si la valeur est true , l'utilisateur peut modifier cette forme en faisant glisser les points de contrôle affichés aux sommets et sur chaque segment. |
fillColor optional |
Type:
string optional Couleur de remplissage. Toutes les couleurs CSS3 sont compatibles, à 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 une géodésique 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 sembler changer lorsqu'il est déplacé, car ses dimensions sont conservées par rapport à la surface de la Terre. |
map optional |
Type:
Map optional Carte sur laquelle le polygone doit être affiché. |
paths optional |
Type:
MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optional Séquence ordonnée de coordonnées qui désigne une boucle fermée. Contrairement aux polylignes, un polygone peut comporter un ou plusieurs tracés. Par conséquent, la propriété "Chemins d'accès" 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 chemin 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 . Si vous insérez ou supprimez des LatLng dans MVCArray , le polygone est automatiquement mis à jour sur la carte. |
strokeColor optional |
Type:
string optional Couleur du trait. Toutes les couleurs CSS3 sont compatibles, à l'exception des noms de couleurs étendus. |
strokeOpacity optional |
Type:
number optional Opacité du trait, comprise entre 0,0 et 1,0 |
strokePosition optional |
Type:
StrokePosition optional Par défaut:
StrokePosition.CENTER 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 à d'autres zones d'intérêt. |
Interface PolyMouseEvent
Interface google.maps.PolyMouseEvent
Cet objet est renvoyé par les événements de souris sur les polylignes et les polygones.
Cette interface étend MapMouseEvent
.
Propriétés | |
---|---|
edge optional |
Type:
number optional Index du bord du tracé sous le curseur lorsque l'événement s'est produit, si celui-ci s'est produit à un point médian d'un polygone modifiable. |
path optional |
Type:
number optional Index du tracé sous le curseur lorsque l'événement s'est produit, si celui-ci s'est produit sur un sommet et que le polygone est modifiable. Sinon, undefined . |
vertex optional |
Type:
number optional Index du sommet situé 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 sont modifiables. 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
Classe google.maps.Rectangle
Une superposition rectangulaire.
Cette classe étend MVCObject
.
Pour y accéder, appelez const {Rectangle} = await google.maps.importLibrary("maps")
. Consultez Bibliothèques dans l'API Maps JavaScript.
Constructeur | |
---|---|
Rectangle |
Rectangle([opts]) Paramètres:
Créez un rectangle à l'aide du RectangleOptions transmis, qui spécifie les limites et le style. |
Méthodes | |
---|---|
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 Renvoie 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:
Return Value (Valeur renvoyée) : aucune
Définit les limites de ce rectangle. |
setDraggable |
setDraggable(draggable) Paramètres:
Return Value (Valeur renvoyée) : aucune
S'il est défini sur true , l'utilisateur peut faire glisser ce rectangle sur la carte. |
setEditable |
setEditable(editable) Paramètres:
Return Value (Valeur renvoyée) : aucune
Si la valeur est 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:
Return Value (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:
Return Value (Valeur renvoyée) : aucune
|
setVisible |
setVisible(visible) Paramètres:
Return Value (Valeur renvoyée) : aucune
Ce rectangle est masqué s'il est défini sur false . |
Hérité: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 se déclenche lorsque l'événement de clic DOM est déclenché sur le rectangle. |
contextmenu |
function(event) Arguments:
Cet événement se déclenche lorsque l'événement de menu contextuel DOM est déclenché sur le rectangle. |
dblclick |
function(event) Arguments:
Cet événement se déclenche lorsque l'événement "dblclick 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 est déclenché lorsque l'événement "mousedown" DOM 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é lors de la sortie du curseur du rectangle. |
mouseover |
function(event) Arguments:
Cet événement est déclenché lorsque l'utilisateur survole un rectangle avec la souris. |
mouseup |
function(event) Arguments:
Cet événement se déclenche lorsque l'événement de survol DOM avec la souris est déclenché sur le rectangle. |
|
function(event) Arguments:
Cet événement est déclenché lors d'un clic droit sur le rectangle. |
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 optional |
Type:
LatLngBounds|LatLngBoundsLiteral optional Les limites. |
clickable optional |
Type:
boolean optional Par défaut:
true Indique si ce 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 true , l'utilisateur peut modifier ce rectangle en faisant glisser les points de contrôle affichés aux angles et sur chaque bord. |
fillColor optional |
Type:
string optional Couleur de remplissage. Toutes les couleurs CSS3 sont compatibles, à 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 compatibles, à l'exception des noms de couleurs étendus. |
strokeOpacity optional |
Type:
number optional Opacité du trait, comprise entre 0,0 et 1,0 |
strokePosition optional |
Type:
StrokePosition optional Par défaut:
StrokePosition.CENTER 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 à d'autres zones d'intérêt. |
Classe Circle
Classe google.maps.Circle
Cercle à la surface de la Terre, également appelé "capuchon sphérique".
Cette classe étend MVCObject
.
Pour y accéder, appelez const {Circle} = await google.maps.importLibrary("maps")
. Consultez Bibliothèques dans l'API Maps JavaScript.
Constructeur | |
---|---|
Circle |
Circle([circleOrCircleOptions]) Paramètres:
Créez un cercle à l'aide de la valeur CircleOptions transmise, qui spécifie le centre, le rayon et le style. |
Méthodes | |
---|---|
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|null Renvoie le centre de ce cercle. |
getDraggable |
getDraggable() Paramètres:aucun
Valeur renvoyée:
boolean Indique si l'utilisateur peut faire glisser ce cercle. |
getEditable |
getEditable() Paramètres:aucun
Valeur renvoyée:
boolean Indique si l'utilisateur peut modifier ce cercle. |
getMap |
getMap() Paramètres:aucun
Valeur renvoyée:
Map|null Affiche la carte sur laquelle ce cercle est affiché. |
getRadius |
getRadius() Paramètres:aucun
Valeur renvoyée:
number Renvoie le rayon de ce cercle (en mètres). |
getVisible |
getVisible() Paramètres:aucun
Valeur renvoyée:
boolean Indique si ce cercle est visible sur la carte. |
setCenter |
setCenter(center) Paramètres:
Return Value (Valeur renvoyée) : aucune
Définit le centre de ce cercle. |
setDraggable |
setDraggable(draggable) Paramètres:
Return Value (Valeur renvoyée) : aucune
S'il est défini sur true , l'utilisateur peut faire glisser ce cercle sur la carte. |
setEditable |
setEditable(editable) Paramètres:
Return Value (Valeur renvoyée) : aucune
Si la valeur est 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:
Return Value (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:
Return Value (Valeur renvoyée) : aucune
|
setRadius |
setRadius(radius) Paramètres:
Return Value (Valeur renvoyée) : aucune
Définit le rayon de ce cercle (en mètres). |
setVisible |
setVisible(visible) Paramètres:
Return Value (Valeur renvoyée) : aucune
Ce cercle est masqué s'il est défini sur false . |
Hérité: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 se déclenche lorsque l'événement de clic DOM est déclenché sur le cercle. |
dblclick |
function(event) Arguments:
Cet événement se déclenche lorsque l'événement dblclick DOM est déclenché sur le cercle. |
drag |
function(event) Arguments:
Cet événement est déclenché plusieurs fois lorsque l'utilisateur fait glisser le cercle. |
dragend |
function(event) Arguments:
Cet événement est déclenché lorsque l'utilisateur cesse 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 survol du 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é lors de la sortie du curseur de la souris. |
mouseover |
function(event) Arguments:
Cet événement est déclenché lorsque l'utilisateur survole un cercle avec la souris. |
mouseup |
function(event) Arguments:
Cet événement se déclenche lorsque l'événement de survol DOM avec la souris 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 l'utilisateur effectue un clic droit sur le cercle. |
CircleOptions.
Interface google.maps.CircleOptions
Objet CircleOptions utilisé pour définir les propriétés pouvant être définies sur un cercle.
Propriétés | |
---|---|
center optional |
Type:
LatLng|LatLngLiteral optional Centre du cercle. |
clickable optional |
Type:
boolean optional Par défaut:
true Indique si ce 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 Si la valeur est 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 compatibles, à 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 Le rayon en mètres sur la surface de la Terre. |
strokeColor optional |
Type:
string optional Couleur du trait. Toutes les couleurs CSS3 sont compatibles, à 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 Par défaut:
StrokePosition.CENTER 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 sur la carte. |
zIndex optional |
Type:
number optional zIndex par rapport à d'autres zones d'intérêt. |
Constantes StrokePosition
Constantes google.maps.StrokePosition
Positions possibles du trait sur un polygone.
Pour y accéder, appelez const {StrokePosition} = await google.maps.importLibrary("maps")
. Consultez Bibliothèques dans l'API Maps JavaScript.
Constantes | |
---|---|
CENTER |
Le trait est centré sur le tracé du polygone, la moitié du trait à l’intérieur du polygone et l’autre moitié à 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. |