Drawing Library

Organiza tus páginas con colecciones Guarda y categoriza el contenido según tus preferencias.

DrawingManager.

Clase google.maps.drawing.DrawingManager

Permiten 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 que permite al usuario cambiar el modo de dibujo.

Esta clase extiende MVCObject.

Requiere el parámetro de URL &libraries=drawing. Consulta Bibliotecas en 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 alternar entre los tipos de superposición que se dibujarán con un control de dibujo.
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:
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:
Valor que se muestra: Ninguno
Adjunta el objeto DrawingManager al Map especificado.
setOptions
setOptions(options)
Parámetros:
Valor que se muestra: Ninguno
Establece las opciones de DrawingManager.
Heredada: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
circlecomplete
function(circle)
Argumentos:
  • circleCircle 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 El marcador que el usuario acaba de dibujar
Este evento se activa cuando el usuario termina de dibujar un marcador.
overlaycomplete
function(event)
Argumentos:
  • eventOverlayCompleteEvent 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:
  • polygonPolygon 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:
  • polylinePolyline La polilínea que acaba de dibujar el usuario.
Este evento se activa cuando el usuario termina de dibujar una polilínea.
rectanglecomplete
function(rectangle)
Argumentos:
  • rectangleRectangle El rectángulo que acaba de dibujar el usuario.
Este evento se activa cuando el usuario termina de dibujar un rectángulo.

Interfaz de DrawingManagerOptions

Interfaz google.maps.drawing.DrawingManagerOptions

Opciones para el administrador de dibujos.

Requiere el parámetro de URL &libraries=drawing. Consulta Bibliotecas en la API de Maps JavaScript.

circleOptions optional
Tipo: CircleOptions optional
Opciones para aplicar a los nuevos círculos 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 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 colocarán las superposiciones creadas
markerOptions optional
Tipo: MarkerOptions optional
Opciones para aplicar a todos los marcadores nuevos creados con DrawingManager. Se ignora la propiedad position, y la propiedad map de un marcador nuevo siempre se establece en el mapa DrawingManager.
polygonOptions optional
Tipo: PolygonOptions optional
Opciones para aplicar a los polígonos nuevos creados con este DrawingManager. Se ignora la propiedad paths, y la propiedad map de un polígono nuevo siempre se establece en el mapa DrawingManager.
polylineOptions optional
Tipo: PolylineOptions optional
Opciones para aplicar a cualquier polilínea nueva creada con esta DrawingManager Se ignora la propiedad path, y la propiedad map de una polilínea nueva siempre se establece en el mapa DrawingManager.
rectangleOptions optional
Tipo: RectangleOptions optional
Opciones para aplicar a los rectángulos nuevos creados con esta DrawingManager. Se ignora la propiedad bounds y la propiedad map de un rectángulo nuevo siempre se establece en el mapa DrawingManager.

DrawingControlOptions.

Interfaz google.maps.drawing.DrawingControlOptions

Opciones para la renderización del control de dibujo.

Requiere el parámetro de URL &libraries=drawing. Consulta Bibliotecas en la API de Maps JavaScript.

drawingModes optional
Tipo: Array<OverlayType> optional
Los modos de dibujo para mostrar en el control de dibujo, en el orden en que se mostrarán. El ícono de mano (que corresponde al modo de dibujo de 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 google.maps.drawing.OverlayCompleteEvent

Las propiedades de un evento superpuesto en un DrawingManager

Requiere el parámetro de URL &libraries=drawing. Consulta Bibliotecas en la API de Maps JavaScript.

overlay
La superposición completada
type
El tipo de superposición completada.

Constantes 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.

Requiere el parámetro de URL &libraries=drawing. Consulta Bibliotecas en 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 crea marcadores y que la superposición proporcionada en el evento overlaycomplete es un marcador.
POLYGON Especifica que el objeto 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.