Drawing Library

Classe DrawingManager

Classe google.maps.drawing.DrawingManager

Permet aux utilisateurs de dessiner des repères, des polygones, des polylignes, des rectangles et des cercles sur la carte. Le mode dessin de DrawingManager définit le type de superposition que l'utilisateur va créer. Ajoute un contrôle à la carte, permettant à l'utilisateur de changer de mode de dessin.

Cette classe étend MVCObject.

Accédez-y en appelant le const {DrawingManager} = await google.maps.importLibrary("drawing").
 Consultez Bibliothèques de l'API Maps JavaScript.
DrawingManager
DrawingManager([options])
Paramètres :
Crée un DrawingManager qui permet aux utilisateurs de dessiner des calques sur la carte et de basculer entre les types de calques à dessiner avec une commande de dessin.
getDrawingMode
getDrawingMode()
Paramètres : aucun
Valeur renvoyée : OverlayType|null
Renvoie le mode dessin de DrawingManager.
getMap
getMap()
Paramètres : aucun
Valeur renvoyée : Map
Renvoie le Map auquel le DrawingManager est associé, c'est-à-dire le Map sur lequel les calques créés seront placés.
setDrawingMode
setDrawingMode(drawingMode)
Paramètres :
Valeur renvoyée : aucune
Modifie le mode de dessin de DrawingManager, qui définit le type de superposition à ajouter sur la carte. Les valeurs acceptées sont 'marker', 'polygon', 'polyline', 'rectangle', 'circle' ou null. Un mode de dessin null signifie que l'utilisateur peut interagir avec la carte normalement et que les clics ne dessinent rien.
setMap
setMap(map)
Paramètres :
Valeur renvoyée : aucune
Associe l'objet DrawingManager à l'Map spécifié.
setOptions
setOptions(options)
Paramètres :
Valeur renvoyée : aucune
Définit les options de DrawingManager.
Hérité : addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
circlecomplete
function(circle)
Arguments : 
  • circle : Circle Cercle que l'utilisateur vient de dessiner.
Cet événement est déclenché lorsque l'utilisateur a terminé de dessiner un cercle.
markercomplete
function(marker)
Arguments : 
  • marker : Marker Le repère que l'utilisateur vient de dessiner.
Cet événement est déclenché lorsque l'utilisateur a terminé de dessiner un repère.
overlaycomplete
function(event)
Arguments : 
  • event : OverlayCompleteEvent La superposition que l'utilisateur vient de dessiner, ainsi que le type de superposition.
Cet événement est déclenché lorsque l'utilisateur a terminé de dessiner une superposition de n'importe quel type.
polygoncomplete
function(polygon)
Arguments : 
  • polygon : Polygon Polygone que l'utilisateur vient de dessiner.
Cet événement est déclenché lorsque l'utilisateur a terminé de dessiner un polygone.
polylinecomplete
function(polyline)
Arguments : 
  • polyline : Polyline polyline que l'utilisateur vient de dessiner.
Cet événement est déclenché lorsque l'utilisateur a terminé de dessiner une polyligne.
rectanglecomplete
function(rectangle)
Arguments : 
  • rectangle : Rectangle rectangle que l'utilisateur vient de dessiner.
Cet événement est déclenché lorsque l'utilisateur a terminé de dessiner un rectangle.

Interface DrawingManagerOptions

Interface google.maps.drawing.DrawingManagerOptions

Options du gestionnaire de dessin.
circleOptions optional
Type : CircleOptions optional
Options à appliquer aux nouveaux cercles créés avec ce DrawingManager. Les propriétés center et radius sont ignorées, et la propriété map d'un nouveau cercle est toujours définie sur la carte de DrawingManager.
drawingControl optional
Type : boolean optional
Par défaut : true
État activé/désactivé du contrôle de dessin.
drawingControlOptions optional
Type : DrawingControlOptions optional
Options d'affichage du contrôle de dessin.
drawingMode optional
Type : OverlayType optional
Mode de dessin de DrawingManager, qui définit le type de superposition à ajouter sur la carte. Les valeurs acceptées sont 'marker', 'polygon', 'polyline', 'rectangle', 'circle' ou null. Un mode de dessin null signifie que l'utilisateur peut interagir avec la carte normalement et que les clics ne dessinent rien.
map optional
Type : Map optional
Le Map auquel le DrawingManager est associé, c'est-à-dire le Map sur lequel les calques créés seront placés.
markerOptions optional
Type : MarkerOptions optional
Options à appliquer aux nouveaux repères créés avec ce DrawingManager. La propriété position est ignorée, et la propriété map d'un nouveau repère est toujours définie sur la carte de DrawingManager.
polygonOptions optional
Type : PolygonOptions optional
Options à appliquer aux nouveaux polygones créés avec ce DrawingManager. La propriété paths est ignorée, et la propriété map d'un nouveau polygone est toujours définie sur la carte de DrawingManager.
polylineOptions optional
Type : PolylineOptions optional
Options à appliquer aux polylignes créées avec ce DrawingManager. La propriété path est ignorée, et la propriété map d'une nouvelle polyligne est toujours définie sur la carte de DrawingManager.
rectangleOptions optional
Type : RectangleOptions optional
Options à appliquer aux nouveaux rectangles créés avec cet DrawingManager. La propriété bounds est ignorée, et la propriété map d'un nouveau rectangle est toujours définie sur la carte de DrawingManager.

Interface DrawingControlOptions

Interface google.maps.drawing.DrawingControlOptions

Options de rendu du contrôle de dessin.
drawingModes optional
Type : Array<OverlayType> optional
Par défaut : [OverlayType.MARKER, OverlayType.POLYLINE, OverlayType.RECTANGLE, OverlayType.CIRCLE, OverlayType.POLYGON]
Modes de dessin à afficher dans le contrôle de dessin, dans l'ordre dans lequel ils doivent être affichés. L'icône de main (qui correspond au mode dessin null) est toujours disponible et ne doit pas être spécifiée dans ce tableau.
position optional
Type : ControlPosition optional
Par défaut : ControlPosition.TOP_LEFT
ID de la position. Permet de spécifier la position du contrôle sur la carte.

Interface OverlayCompleteEvent

Interface google.maps.drawing.OverlayCompleteEvent

Propriétés d'un événement overlaycomplete sur un DrawingManager.
overlay
L'overlay "Terminé".
type
Type : OverlayType
Type de l'encart terminé.

Constantes OverlayType

google.maps.drawing.OverlayType constantes

Types de superposition pouvant être créés par DrawingManager. Spécifiez-les par valeur ou en utilisant le nom de la constante. Par exemple, 'polygon' ou google.maps.drawing.OverlayType.POLYGON.

Accédez-y en appelant le const {OverlayType} = await google.maps.importLibrary("drawing").
 Consultez Bibliothèques de l'API Maps JavaScript.
CIRCLE Spécifie que DrawingManager crée des cercles et que le calque fourni dans l'événement overlaycomplete est un cercle.
MARKER Indique que DrawingManager crée des repères et que le calque fourni dans l'événement overlaycomplete est un repère.
POLYGON Indique que DrawingManager crée des polygones et que le calque fourni dans l'événement overlaycomplete est un polygone.
POLYLINE Spécifie que DrawingManager crée des polylignes et que le calque fourni dans l'événement overlaycomplete est une polyligne.
RECTANGLE Spécifie que DrawingManager crée des rectangles et que la superposition fournie dans l'événement overlaycomplete est un rectangle.