Drawing Library

Clase DrawingManager

google.maps.drawing.DrawingManager class
extends MVCObject
library "drawing"

Permite que los usuarios dibujen 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.

const {DrawingManager} = await google.maps.importLibrary("drawing");
DrawingManager
DrawingManager([options])
Parámetros:
Crea un objeto DrawingManager que permite a los usuarios dibujar superposiciones en el mapa y cambiar entre los tipos de superposiciones que se dibujarán con un control de dibujo.
getDrawingMode
getDrawingMode()
Parámetros: Ninguno
Valor de retorno: OverlayType|null
Devuelve el modo de dibujo de DrawingManager.
getMap
getMap()
Parámetros: Ninguno
Valor de retorno: Map|null
Devuelve 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:
Valor de retorno: 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 de forma normal y que los clics no dibujan nada.
setMap
setMap(map)
Parámetros:
  • map: Map optional
Valor de retorno: Ninguno
Adjunta el objeto DrawingManager al Map especificado.
setOptions
setOptions(options)
Parámetros:
Valor de retorno: Ninguno
Establece las opciones de DrawingManager.
Heredados: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
circlecomplete
function(circle)
Argumentos:
  • circle: Circle optional El círculo que acaba de dibujar el usuario.
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 optional 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 el usuario acaba de dibujar.
Este evento se activa cuando el usuario termina de dibujar un polígono.
polylinecomplete
function(polyline)
Argumentos:
  • polyline: Polyline optional 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 optional El rectángulo que el usuario acaba de dibujar.
Este evento se activa cuando el usuario termina de dibujar un rectángulo.

Interfaz DrawingManagerOptions

Interfaz google.maps.drawing.DrawingManagerOptions

Opciones para el administrador de dibujos.
circleOptions
opcional
Tipo: CircleOptions optional
Son las opciones que se aplicarán a los círculos nuevos que se creen con este 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
opcional
Tipo: boolean optional
La configuración predeterminada es true.
Es el estado habilitado o inhabilitado del control de dibujo.
drawingControlOptions
opcional
Tipo: DrawingControlOptions optional
Son las opciones de visualización del control de dibujo.
drawingMode
opcional
Tipo: OverlayType optional
Es 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 de forma normal y que los clics no dibujan nada.
map
opcional
Tipo: Map optional
Es el Map al que se adjunta el DrawingManager, que es el Map en el que se colocarán las superposiciones creadas.
markerOptions
opcional
Tipo: MarkerOptions optional
Son las opciones que se aplicarán a los marcadores nuevos que se creen 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
opcional
Tipo: PolygonOptions optional
Son las opciones que se aplicarán a los polígonos nuevos que se creen con este DrawingManager. Se ignora la propiedad paths, y la propiedad map de un polígono nuevo siempre se establece en el mapa de DrawingManager.
polylineOptions
opcional
Tipo: PolylineOptions optional
Son las opciones que se aplicarán a las polilíneas nuevas que se creen 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
opcional
Tipo: RectangleOptions optional
Son las opciones que se aplicarán a los rectángulos nuevos que se creen 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.

Interfaz DrawingControlOptions

Interfaz google.maps.drawing.DrawingControlOptions

Opciones para la renderización del control de dibujo.
drawingModes
opcional
Tipo: Array<OverlayType> optional
La configuración predeterminada es [OverlayType.MARKER, OverlayType.POLYLINE, OverlayType.RECTANGLE, OverlayType.CIRCLE, OverlayType.POLYGON].
Son los modos de dibujo que se mostrarán en el control de dibujo, en el orden en que se mostrarán. El ícono de la mano (que corresponde al modo de dibujo null) siempre está disponible y no se debe especificar en este array.
position
opcional
Tipo: ControlPosition optional
La configuración predeterminada es ControlPosition.TOP_LEFT.
Es el ID de la posición. Se usa para especificar la posición del control en el mapa.

Interfaz OverlayCompleteEvent

Interfaz google.maps.drawing.OverlayCompleteEvent

Son las propiedades de un evento overlaycomplete en un DrawingManager.
overlay
La superposición completada.
type
Es el tipo de superposición completada.

Constantes de OverlayType

google.maps.drawing.OverlayType constantes biblioteca
"drawing"

Son los tipos de superposición que puede crear el DrawingManager. Especifica estos valores por valor o con el nombre de la constante. Por ejemplo, 'polygon' o google.maps.drawing.OverlayType.POLYGON.

Estas constantes también se pueden usar como cadenas. En TypeScript, los literales de cadena se definen con el tipo OverlayTypeString.

const {OverlayType} = await google.maps.importLibrary("drawing");
CIRCLE Especifica que el DrawingManager crea círculos y que la superposición proporcionada en el evento overlaycomplete es un círculo.
MARKER Especifica que el 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 proporcionada en el evento overlaycomplete es un polígono.
POLYLINE Especifica que el DrawingManager crea polilíneas y que la superposición proporcionada en el evento overlaycomplete es una polilínea.
RECTANGLE Especifica que el DrawingManager crea rectángulos y que la superposición proporcionada en el evento overlaycomplete es un rectángulo.