Drawing Library

Clase 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, lo que permite que el usuario cambie el modo de dibujo.

Esta clase extiende MVCObject.

Para acceder, llama a const {DrawingManager} = await google.maps.importLibrary("drawing"). Consulta el artículo Bibliotecas de la API de Maps JavaScript.
DrawingManager
DrawingManager([options])
Parámetros: 
Crea un elemento DrawingManager que permite a los usuarios dibujar superposiciones en el mapa y cambiar entre el tipo de superposición que se dibujará con un control de dibujo.
getDrawingMode
getDrawingMode()
Parámetros: Ninguno
Valor que se devuelve:  OverlayType|null
Muestra el modo de dibujo de DrawingManager.
getMap
getMap()
Parámetros: Ninguno
Valor que se devuelve:  Map
Muestra el elemento Map al que se adjunta el objeto DrawingManager, que es el elemento Map en el que se colocarán las superposiciones creadas.
setDrawingMode
setDrawingMode(drawingMode)
Parámetros: 
Valor que se devuelve: 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 como siempre, y los clics no dibujan nada.
setMap
setMap(map)
Parámetros: 
Valor que se devuelve: Ninguno
Adjunta el objeto DrawingManager al Map especificado.
setOptions
setOptions(options)
Parámetros: 
Valor que se devuelve: Ninguno
Establece las opciones de DrawingManager.
Heredado: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
circlecomplete
function(circle)
Argumentos: 
  • circle:  Circle Es 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: Es 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 Es 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:  Polygon Es el 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 Es 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 Es el rectángulo que el usuario acaba de dibujar.
Este evento se activa cuando el usuario termina de dibujar un rectángulo.

DrawingManagerOptions.

Interfaz de google.maps.drawing.DrawingManagerOptions

Opciones del administrador de dibujos
circleOptions optional
Tipo:  CircleOptions optional
Opciones para aplicar a los círculos nuevos creados con esta DrawingManager. Se ignoran las propiedades center y radius, y la propiedad map de un círculo nuevo siempre se establece en el mapa de DrawingManager.
drawingControl optional
Tipo:  boolean optional
Valor predeterminado: true
El estado habilitado o inhabilitado del control de dibujo.
drawingControlOptions optional
Tipo:  DrawingControlOptions optional
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 como siempre, y los clics no dibujan nada.
map optional
Tipo:  Map optional
El objeto Map al que se adjunta el objeto DrawingManager, que es el elemento Map en el que se colocarán las superposiciones creadas
markerOptions optional
Tipo:  MarkerOptions optional
Opciones que se aplican a los marcadores nuevos creados con este DrawingManager. Se ignora la propiedad position, 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 creado con este DrawingManager. Se ignora la propiedad paths y la propiedad map de un nuevo polígono siempre se establece 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 polilínea nueva 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.
drawingModes optional
Tipo:  Array<OverlayType> optional
Son los modos de dibujo que se mostrarán en el control de dibujo, en el orden en que deben mostrarse. El ícono de la mano (que corresponde al modo de dibujo null) siempre está disponible y no se debe especificar en este array.
position optional
Tipo:  ControlPosition optional
Valor predeterminado: ControlPosition.TOP_LEFT
ID de posición. Se usa para especificar la posición del control en el mapa.

OverlayCompleteEvent,

Interfaz de google.maps.drawing.OverlayCompleteEvent

Son las propiedades de un evento de superposición completa en un DrawingManager.
overlay
La superposición completa.
type
Tipo:  OverlayType
Es el tipo de superposición completada.

Constantes OverlayType

Constantes google.maps.drawing.OverlayType

Los tipos de superposiciones que puede crear el DrawingManager. Especifícalas por valor o con el nombre de la constante. Por ejemplo, 'polygon' o google.maps.drawing.OverlayType.POLYGON.

Para acceder, llama a const {OverlayType} = await google.maps.importLibrary("drawing"). Consulta el artículo Bibliotecas de la API de Maps JavaScript.
CIRCLE Especifica que DrawingManager crea círculos y que la superposición proporcionada en el evento overlaycomplete es un círculo.
MARKER Especifica que DrawingManager creará 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 proporcionada en el evento overlaycomplete es un polígono.
POLYLINE Especifica que DrawingManager crea polilíneas y que la superposición proporcionada en el evento overlaycomplete es una polilínea.
RECTANGLE Especifica que DrawingManager crea rectángulos y que la superposición proporcionada en el evento overlaycomplete es un rectángulo.