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 exibição da DrawingManager define o tipo de sobreposição que será criado pelo usuário. Adiciona um controle ao mapa, permitindo que o usuário altere 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 desenhado com um controle de desenho.
getDrawingMode
getDrawingMode()
Parâmetros:nenhum
Valor de retorno:OverlayType|null
Retorna o modo de exibição de DrawingManager.
getMap
getMap()
Parâmetros:nenhum
Valor de retorno:Map
Retorna o Map ao qual o DrawingManager está anexado, que é o Map em que as sobreposições criadas serão colocadas.
setDrawingMode
setDrawingMode(drawingMode)
Parâmetros:
Valor de retorno:nenhum
Muda o modo de exibição do DrawingManager, que define o tipo de sobreposição a ser adicionado ao mapa. Os valores aceitos são 'marker', 'polygon', 'polyline', 'rectangle', 'circle' ou null. Um modo de exibição de null significa que o usuário pode interagir com o mapa normalmente, e os cliques não geram nada.
setMap
setMap(map)
Parâmetros:
Valor de retorno:nenhum
Anexar o objeto DrawingManager ao Map especificado.
setOptions
setOptions(options)
Parâmetros:
Valor de retorno:nenhum
Define as opções de DrawingManager.
Herdado: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
circlecomplete
function(circle)
Argumentos: 
  • circle:  Circle O círculo que o usuário acabou de desenhar.
Esse evento é acionado quando o usuário termina de desenhar um círculo.
markercomplete
function(marker)
Argumentos: 
  • marker:  Marker O marcador que o usuário acabou de desenhar.
Esse evento é acionado quando o usuário termina de desenhar um marcador.
overlaycomplete
function(event)
Argumentos: 
  • event:  OverlayCompleteEvent A sobreposição que o usuário acabou de desenhar, junto com o tipo dela.
Esse evento é acionado quando o usuário termina de desenhar uma sobreposição de qualquer tipo.
polygoncomplete
function(polygon)
Argumentos: 
  • polygon:  Polygon O polígono que o usuário acabou de desenhar.
Esse evento é acionado quando o usuário termina de desenhar um polígono.
polylinecomplete
function(polyline)
Argumentos: 
  • polyline:  Polyline A poligonal que o usuário acabou de desenhar.
Esse evento é acionado quando o usuário termina de desenhar uma poligonal.
rectanglecomplete
function(rectangle)
Argumentos: 
  • rectangle:  Rectangle O retângulo que o usuário acabou de desenhar.
Esse evento é acionado quando o usuário termina de desenhar um retângulo.

Interface DrawingManagerOptions

Interface google.maps.drawing.DrawingManagerOptions

Opções para o gerenciador de desenhos.
circleOptions optional
Tipo:CircleOptions optional
Opções a serem aplicadas a todos os novos círculos criados com este DrawingManager. As propriedades center e radius são ignoradas, e a propriedade map de um novo círculo é sempre definida como o mapa 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 exibição do 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. Um modo de exibição de null significa que o usuário pode interagir com o mapa normalmente, e os cliques não geram nada.
map optional
Tipo:Map optional
O Map ao qual o DrawingManager está anexado, que é o Map em que as sobreposições criadas serão colocadas.
markerOptions optional
Tipo:MarkerOptions optional
Opções a serem aplicadas a todos os novos marcadores criados com este DrawingManager. A propriedade position é ignorada, e a propriedade map de um novo marcador é sempre definida como o mapa da DrawingManager.
polygonOptions optional
Tipo:PolygonOptions optional
Opções a serem aplicadas a todos os novos polígonos criados com essa DrawingManager. A propriedade paths é ignorada, e a propriedade map de um novo polígono é sempre definida como o mapa da DrawingManager.
polylineOptions optional
Tipo:PolylineOptions optional
Opções a serem aplicadas a todas as novas polilinhas criadas com este DrawingManager. A propriedade path é ignorada, e a propriedade map de uma nova poligonal é sempre definida como o mapa da DrawingManager.
rectangleOptions optional
Tipo:RectangleOptions optional
Opções a serem aplicadas a todos os novos retângulos criados com este DrawingManager. A propriedade bounds é ignorada, e a propriedade map de um novo retângulo é sempre definida como o mapa do DrawingManager.

Interface DrawingControlOptions

Interface google.maps.drawing.DrawingControlOptions

Opções para a renderização do controle de desenho.
drawingModes optional
Tipo:Array<OverlayType> optional
Os modos de exibição no controle de exibição, na ordem em que vão aparecer. O ícone de mão (que corresponde ao modo de desenho null) está sempre disponível e não precisa ser especificado neste array.
position optional
Tipo:ControlPosition optional
ID da posição. Usado para especificar a posição do controle no mapa.

Interface OverlayCompleteEvent

Interface google.maps.drawing.OverlayCompleteEvent

As propriedades de um evento overlaycomplete em um DrawingManager.
overlay
A sobreposição concluída.
type
O tipo de sobreposição concluída.

Constantes OverlayType

Constantes google.maps.drawing.OverlayType

Os tipos de sobreposição que podem ser criados pelo DrawingManager. Especifique esses valores pelo 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 o 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 o 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.