Drawing Library

Classe DrawingManager

Classe google.maps.drawing.DrawingManager

Permite que os usuários desenhem marcadores, polígonos, polilinhas, retângulos e círculos no mapa. O modo de desenho da DrawingManager define o tipo de sobreposição que será criado pelo usuário. Adiciona um controle ao mapa, permitindo que o usuário alterne o modo de desenho.

Essa classe estende MVCObject.

Acesse chamando const {DrawingManager} = await google.maps.importLibrary("drawing"). Consulte Bibliotecas na API Maps JavaScript.

DrawingManager
DrawingManager([options])
Parâmetros: 
Cria um DrawingManager que permite que os usuários desenhem sobreposições no mapa e alternem entre o tipo de sobreposição a ser desenhada com um controle de desenho.
getDrawingMode
getDrawingMode()
Parâmetros: nenhum
Valor de retorno:  OverlayType|null
Retorna o modo de desenho de DrawingManager.
getMap
getMap()
Parâmetros: nenhum
Valor de retorno:  Map
Retorna a Map a que a DrawingManager está anexada, que é a Map em que as sobreposições criadas serão colocadas.
setDrawingMode
setDrawingMode(drawingMode)
Parâmetros: 
Valor de retorno: nenhum
Altera o modo de desenho da DrawingManager, que define o tipo de sobreposição a ser adicionada ao mapa. Os valores aceitos são 'marker', 'polygon', 'polyline', 'rectangle', 'circle' ou null. O modo de desenho null significa que o usuário pode interagir com o mapa normalmente, e os cliques não mostram nada.
setMap
setMap(map)
Parâmetros: 
Valor de retorno: nenhum
Anexa o objeto DrawingManager ao Map especificado.
setOptions
setOptions(options)
Parâmetros: 
Valor de retorno: nenhum
Define as opções do DrawingManager.
Herdado: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
circlecomplete
function(circle)
Argumentos: 
  • circleCircle o círculo que o usuário acabou de desenhar.
Este evento é disparado quando o usuário termina de desenhar um círculo.
markercomplete
function(marker)
Argumentos: 
  • markerMarker o marcador que o usuário acabou de desenhar.
Este evento é disparado quando o usuário termina de desenhar um marcador.
overlaycomplete
function(event)
Argumentos: 
  • eventOverlayCompleteEvent a sobreposição que o usuário acabou de desenhar, com o tipo de sobreposição.
Este evento é disparado quando o usuário termina de desenhar uma sobreposição de qualquer tipo.
polygoncomplete
function(polygon)
Argumentos: 
  • polygonPolygon o polígono que o usuário acabou de desenhar.
Este evento é disparado quando o usuário termina de desenhar um polígono.
polylinecomplete
function(polyline)
Argumentos: 
  • polylinePolyline a polilinha que o usuário acabou de desenhar.
Este evento é disparado quando o usuário termina de desenhar uma polilinha.
rectanglecomplete
function(rectangle)
Argumentos: 
  • rectangleRectangle o retângulo que o usuário acabou de desenhar.
Este evento é disparado quando o usuário termina de desenhar um retângulo.

DrawingManagerOptions

Interface google.maps.drawing.DrawingManagerOptions

Opções do gerenciador de desenhos.

circleOptions optional
Tipo:  CircleOptions optional
Opções para aplicar a todos os novos círculos criados com DrawingManager. As propriedades center e radius são ignoradas, e a propriedade map de um novo círculo é sempre definida como o mapa do DrawingManager.
drawingControl optional
Tipo:  boolean optional
Padrão:true
O estado ativado/desativado do controle de desenho.
drawingControlOptions optional
Tipo:  DrawingControlOptions optional
As opções de exibição do controle de desenho.
drawingMode optional
Tipo:  OverlayType optional
O modo de desenho da DrawingManager, que define o tipo de sobreposição a ser adicionada ao mapa. Os valores aceitos são 'marker', 'polygon', 'polyline', 'rectangle', 'circle' ou null. O modo de desenho null significa que o usuário pode interagir com o mapa normalmente, e os cliques não mostram nada.
map optional
Tipo:  Map optional
A Map a que a DrawingManager está anexada, que é a Map em que as sobreposições criadas serão colocadas.
markerOptions optional
Tipo:  MarkerOptions optional
Opções para aplicar a qualquer novo marcador criado com este DrawingManager. A propriedade position é ignorada, e a propriedade map de um novo marcador é sempre definida como o mapa do DrawingManager.
polygonOptions optional
Tipo:  PolygonOptions optional
Opções para aplicar a qualquer novo polígonos criado com este DrawingManager. A propriedade paths é ignorada, e a propriedade map de um novo polígono é sempre definida como o mapa do DrawingManager.
polylineOptions optional
Tipo:  PolylineOptions optional
Opções para aplicar a qualquer nova polilinha criada com este DrawingManager. A propriedade path é ignorada, e a propriedade map de uma nova polilinha é sempre definida como o mapa de DrawingManager.
rectangleOptions optional
Tipo:  RectangleOptions optional
Opções para aplicar a qualquer novo retângulo criado com esse DrawingManager. A propriedade bounds é ignorada, e a propriedade map de um novo retângulo é sempre definida como o mapa do DrawingManager.

DrawingControlOptions

Interface google.maps.drawing.DrawingControlOptions

Opções para renderizar o controle de desenho.

drawingModes optional
Tipo:  Array<OverlayType> optional
Os modos de desenho a serem exibidos no controle de desenho, na ordem em que devem ser exibidos. O ícone da mão (que corresponde ao modo de desenho null) está sempre disponível e não deve ser especificado nessa matriz.
position optional
Tipo:  ControlPosition optional
ID da posição. Usado para especificar a posição do controle no mapa.

OverlayCompleteEvent

Interface google.maps.drawing.OverlayCompleteEvent

As propriedades de um evento overlaycomplete em uma DrawingManager.

overlay
A sobreposição concluída.
type
Tipo:  OverlayType
O tipo da sobreposição concluída.

Constantes OverlayType

Constantes google.maps.drawing.OverlayType

Os tipos de sobreposição que podem ser criados pelo DrawingManager. Especifique-as por valor ou usando o nome da constante. Por exemplo, 'polygon' ou google.maps.drawing.OverlayType.POLYGON.

Acesse chamando const {OverlayType} = await google.maps.importLibrary("drawing"). Consulte Bibliotecas na API Maps JavaScript.

CIRCLE Especifica que o DrawingManager cria círculos e que a sobreposição fornecida no evento overlaycomplete é um círculo.
MARKER Especifica que DrawingManager cria marcadores e que a sobreposição fornecida no evento overlaycomplete é um marcador.
POLYGON Especifica que o DrawingManager cria polígonos e que a sobreposição fornecida no evento overlaycomplete é um polígono.
POLYLINE Especifica que DrawingManager cria polilinhas e que a sobreposição fornecida no evento overlaycomplete é uma polilinha.
RECTANGLE Especifica que o DrawingManager cria retângulos e que a sobreposição fornecida no evento overlaycomplete é um retângulo.