Polygons

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.

Accédez-y en appelant le const {Polyline} = await google.maps.importLibrary("maps").
 Consultez Bibliothèques de l'API Maps JavaScript.

Polyline
Polyline([opts])
Paramètres :
Créez une polyligne à l'aide de l'objet PolylineOptions transmis, qui spécifie à la fois le chemin de la polyligne et le style de trait à utiliser lors du dessin de la polyligne. Vous pouvez transmettre un tableau de LatLng ou un MVCArray de LatLng lors de la construction d'une polyligne. Toutefois, les tableaux simples sont convertis en MVCArray dans la polyligne lors de l'instanciation.
getDraggable
getDraggable()
Paramètres : aucun
Valeur renvoyée : boolean
Indique si l'utilisateur peut faire glisser 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
Renvoie la carte à laquelle cette forme est associée.
getPath
getPath()
Paramètres : aucun
Valeur renvoyée : MVCArray<LatLng>
Récupère le chemin.
getVisible
getVisible()
Paramètres : aucun
Valeur renvoyée : boolean
Indique si cette polyligne est visible sur la carte.
setDraggable
setDraggable(draggable)
Paramètres :
  • draggable : boolean
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 :
  • editable : boolean
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 :
  • map : Map optional
Valeur renvoyée : 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 renvoyée : aucune
setPath
setPath(path)
Paramètres :
Valeur renvoyée : aucune
Définit le chemin. Pour en savoir plus, consultez PolylineOptions.
setVisible
setVisible(visible)
Paramètres :
  • visible : boolean
Valeur renvoyée : aucune
Masque le polygone si la valeur est définie sur false.
Hérité : addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
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é à plusieurs reprises 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 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 le pointeur de la souris quitte une polyligne.
mouseover
function(event)
Arguments : 
Cet événement est déclenché lorsque la souris survole une polyligne.
mouseup
function(event)
Arguments : 
Cet événement est déclenché lorsque l'événement DOM mouseup est déclenché sur la polyligne.
rightclick
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.

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 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 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 au niveau des 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 é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 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 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 MVCArray mettra automatiquement à jour la polyligne 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 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.

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 se trouve. Si la valeur est false, chaque icône de la séquence est pivoté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, "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 région remplie. Consultez les exemples du guide du développeur, en commençant par un polygone simple, un polygone avec un trou, et plus encore. Notez que vous pouvez également utiliser la couche de données pour créer un polygone. Le calque Data offre un moyen plus simple de créer des trous, car il gère l'ordre du tracé intérieur et du tracé extérieur pour vous.

Cette classe étend MVCObject.

Accédez-y en appelant le const {Polygon} = await google.maps.importLibrary("maps").
 Consultez Bibliothèques de l'API Maps JavaScript.

Polygon
Polygon([opts])
Paramètres :
Créez un polygone à l'aide de l'objet PolygonOptions transmis, qui spécifie le chemin 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 chemins, chacun étant constitué d'un tableau de LatLng. Vous pouvez transmettre un tableau de LatLngs ou un MVCArray de LatLngs 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 faire glisser 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
Renvoie 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 chemins de ce polygone.
getVisible
getVisible()
Paramètres : aucun
Valeur renvoyée : boolean
Indique si cette polyligne est visible sur la carte.
setDraggable
setDraggable(draggable)
Paramètres :
  • draggable : boolean
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 :
  • editable : boolean
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 :
  • map : Map optional
Valeur renvoyée : 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 renvoyée : aucune
setPath
setPath(path)
Paramètres :
Valeur renvoyée : aucune
Définit le premier chemin. Pour en savoir plus, consultez PolygonOptions.
setPaths
setPaths(paths)
Valeur renvoyée : aucune
Définit le chemin d'accès pour ce polygone.
setVisible
setVisible(visible)
Paramètres :
  • visible : boolean
Valeur renvoyée : aucune
Masque le polygone si la valeur est définie sur false.
Hérité : addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
click
function(event)
Arguments : 
Cet événement est déclenché lorsque l'événement de clic du 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é à plusieurs reprises 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 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 le pointeur de la souris quitte un polygone.
mouseover
function(event)
Arguments : 
Cet événement est déclenché lorsque la souris survole un polygone.
mouseup
function(event)
Arguments : 
Cet événement est déclenché lorsque l'événement DOM mouseup est déclenché sur le polygone.
rightclick
function(event)
Arguments : 
Cet événement est déclenché lorsque l'utilisateur effectue 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.

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 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 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 au niveau des 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, 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 é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 optional
Type : Map optional
Carte sur laquelle afficher le polygone.
paths optional
Séquence ordonnée de coordonnées qui désigne une boucle fermée. Contrairement aux polylignes, un polygone peut se composer d'un ou de plusieurs chemins. 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 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. L'insertion ou la suppression de LatLng dans le MVCArray met automatiquement à jour le polygone 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)
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 aux autres polygones.

Interface PolyMouseEvent

Interface google.maps.PolyMouseEvent

Cet objet est renvoyé à partir d'événements de souris sur des polylignes et des polygones.

Cette interface étend MapMouseEvent.

edge optional
Type : number optional
Index de l'arête dans le chemin sous le curseur au moment de l'événement, si l'événement s'est produit sur un point médian d'un polygone modifiable.
path optional
Type : number optional
Index du chemin sous le curseur au moment de l'événement, si l'événement s'est produit sur un sommet et que le polygone est modifiable. Sinon, il est défini sur undefined.
vertex optional
Type : number optional
Index du sommet sous le curseur au moment de l'événement, 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
Hérité : stop

Classe Rectangle

Classe google.maps.Rectangle

Un rectangle superposé.

Cette classe étend MVCObject.

Accédez-y en appelant le const {Rectangle} = await google.maps.importLibrary("maps").
 Consultez Bibliothèques de l'API Maps JavaScript.

Rectangle
Rectangle([opts])
Paramètres :
Créez un rectangle à l'aide de l'RectangleOptions transmis, qui spécifie 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 ce rectangle peut être déplacé par l'utilisateur.
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 :
Valeur renvoyée : aucune
Définit les limites de ce rectangle.
setDraggable
setDraggable(draggable)
Paramètres :
  • draggable : boolean
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 :
  • editable : boolean
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 :
  • map : Map optional
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 :
  • visible : boolean
Valeur renvoyée : aucune
Masque ce rectangle si la valeur est définie sur false.
Hérité : addListener, bindTo, get,