Drawing Library

DrawingManager.

Clase google.maps.drawing.DrawingManager

Permite a los usuarios dibujar marcadores, polígonos, polilíneas, rectángulos y círculos en el mapa. El modo de dibujo de DrawingManager define el tipo de superposición que creará el usuario. Agrega un control al mapa, que permite al usuario cambiar el modo de dibujo.

Esta clase extiende MVCObject.

Accede llamando a const {DrawingManager} = await google.maps.importLibrary("drawing"). Consulta Bibliotecas en la API de Maps JavaScript.

Constructor
DrawingManager	DrawingManager([options]) Parámetros:  options:  DrawingManagerOptions optional Crea un elemento DrawingManager que permite a los usuarios dibujar superposiciones en el mapa y alternar entre los tipos de superposición que se dibujarán con un control de dibujo.

Métodos
getDrawingMode	getDrawingMode() Parámetros: ninguno Valor que se muestra:  OverlayType|null Muestra el modo de dibujo de DrawingManager.
getMap	getMap() Parámetros: ninguno Valor que se muestra:  Map Muestra el Map al que se adjunta el DrawingManager, que es el Map en el que se colocarán las superposiciones creadas.
setDrawingMode	setDrawingMode(drawingMode) Parámetros:  drawingMode:  OverlayType optional Valor que se muestra: Ninguno Cambia el modo de dibujo de DrawingManager, que define el tipo de superposición que se agregará al mapa. Los valores aceptados son 'marker', 'polygon', 'polyline', 'rectangle', 'circle' o null. Un modo de dibujo de null significa que el usuario puede interactuar con el mapa normalmente y los clics no dibujan nada.
setMap	setMap(map) Parámetros:  map:  Map Valor que se muestra: Ninguno Conecta el objeto DrawingManager al Map especificado.
setOptions	setOptions(options) Parámetros:  options:  DrawingManagerOptions Valor que se muestra: Ninguno Configura las opciones de DrawingManager.
Heredada: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Eventos
circlecomplete	function(circle) Argumentos:  circle:  Circle El círculo que el usuario acaba de dibujar Este evento se activa cuando el usuario termina de dibujar un círculo.
markercomplete	function(marker) Argumentos:  marker:  Marker El marcador que el usuario acaba de dibujar. Este evento se activa cuando el usuario termina de dibujar un marcador.
overlaycomplete	function(event) Argumentos:  event:  OverlayCompleteEvent La superposición que el usuario acaba de dibujar, junto con el tipo de superposición. Este evento se activa cuando el usuario termina de dibujar una superposición de cualquier tipo.
polygoncomplete	function(polygon) Argumentos:  polygon:  PolygonEl polígono que acaba de dibujar el usuario. Este evento se activa cuando el usuario termina de dibujar un polígono.
polylinecomplete	function(polyline) Argumentos:  polyline:  Polyline La polilínea que el usuario acaba de dibujar Este evento se activa cuando el usuario termina de dibujar una polilínea.
rectanglecomplete	function(rectangle) Argumentos:  rectangle:  Rectangle El rectángulo que acaba de dibujar el usuario. Este evento se activa cuando el usuario termina de dibujar un rectángulo.

DrawingManagerOptions.

Interfaz de google.maps.drawing.DrawingManagerOptions

Opciones para el administrador de dibujos.

Propiedades
circleOptions optional	Tipo:  CircleOptions optional Opciones para aplicar a todos los círculos nuevos creados con este DrawingManager Se ignoran las propiedades center y radius, y la propiedad map de un círculo nuevo siempre se configura en el mapa de DrawingManager.
drawingControl optional	Tipo:  boolean optional Predeterminado: true El estado habilitado/inhabilitado del control de dibujo.
drawingControlOptions optional	Tipo:  DrawingControlOptions optional Las opciones de visualización del control de dibujo.
drawingMode optional	Tipo:  OverlayType optional El modo de dibujo de DrawingManager, que define el tipo de superposición que se agregará al mapa. Los valores aceptados son 'marker', 'polygon', 'polyline', 'rectangle', 'circle' o null. Un modo de dibujo de null significa que el usuario puede interactuar con el mapa normalmente y los clics no dibujan nada.
map optional	Tipo:  Map optional El Map al que se adjunta el DrawingManager, que es el Map en el que se ubicarán las superposiciones creadas.
markerOptions optional	Tipo:  MarkerOptions optional Opciones para aplicar a cualquier marcador nuevo creado con esta DrawingManager La propiedad position se ignora y la propiedad map de un marcador nuevo siempre se establece en el mapa de DrawingManager.
polygonOptions optional	Tipo:  PolygonOptions optional Opciones para aplicar a cualquier polígono nuevo que se cree con este DrawingManager Se ignora la propiedad paths y la propiedad map de un nuevo polígono siempre se configura en el mapa de DrawingManager.
polylineOptions optional	Tipo:  PolylineOptions optional Opciones para aplicar a cualquier polilínea nueva creada con este DrawingManager Se ignora la propiedad path y la propiedad map de una nueva polilínea siempre se establece en el mapa de DrawingManager.
rectangleOptions optional	Tipo:  RectangleOptions optional Opciones para aplicar a cualquier rectángulo nuevo creado con este DrawingManager Se ignora la propiedad bounds y la propiedad map de un rectángulo nuevo siempre se establece en el mapa de DrawingManager.

DrawingControlOptions.

Interfaz de google.maps.drawing.DrawingControlOptions

Opciones para la renderización del control de dibujo.

Propiedades
drawingModes optional	Tipo:  Array<OverlayType> optional Predeterminado: [OverlayType.MARKER, OverlayType.POLYLINE, OverlayType.RECTANGLE, OverlayType.CIRCLE, OverlayType.POLYGON] Los modos de dibujo que se deben mostrar en el control de dibujo, en el orden en que deben mostrarse. El ícono de mano (que corresponde al modo de dibujo null) siempre está disponible y no se debe especificar en este arreglo.
position optional	Tipo:  ControlPosition optional Predeterminado: ControlPosition.TOP_LEFT ID de posición. Se utiliza para especificar la posición del control en el mapa.

OverlayCompleteEvent.

Interfaz de google.maps.drawing.OverlayCompleteEvent

Propiedades de un evento superpuesto en un DrawingManager

Propiedades
overlay	Tipo:  Marker|Polygon|Polyline|Rectangle|Circle Se completó la superposición.
type	Tipo:  OverlayType Tipo de superposición completada.

OverlayType

google.maps.drawing.OverlayType constantes

Los tipos de superposición que puede crear el DrawingManager. Especifícalos por valor o usa el nombre de la constante. Por ejemplo, 'polygon' o google.maps.drawing.OverlayType.POLYGON.

Accede llamando a const {OverlayType} = await google.maps.importLibrary("drawing"). Consulta Bibliotecas en la API de Maps JavaScript.

Constantes
CIRCLE	Especifica que el DrawingManager crea círculos y que la superposición que aparece en el evento overlaycomplete es un círculo.
MARKER	Especifica que DrawingManager crea marcadores y que la superposición proporcionada en el evento overlaycomplete es un marcador.
POLYGON	Especifica que DrawingManager crea polígonos y que la superposición que se proporciona en el evento overlaycomplete es un polígono.
POLYLINE	Especifica que DrawingManager crea polilíneas y que la superposición que se proporciona en el evento overlaycomplete es una polilínea.
RECTANGLE	Especifica que DrawingManager crea rectángulos y que la superposición que se proporciona en el evento overlaycomplete es un rectángulo.