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 do DrawingManager define o tipo de sobreposição que será criada pelo usuário. Adiciona um controle ao mapa, permitindo que o usuário mude o modo de desenho.

Essa classe estende MVCObject.

Acesse ligando para const {DrawingManager} = await google.maps.importLibrary("drawing").
Consulte Bibliotecas na API Maps JavaScript.
DrawingManager
DrawingManager([options])
Parâmetros:
Cria um DrawingManager que permite aos usuários desenhar sobreposições no mapa e alternar 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 do DrawingManager.
getMap
getMap()
Parâmetros:nenhum
Valor de retorno:Map
Retorna o Map a que 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 desenho 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 desenho de null significa que o usuário pode interagir com o mapa normalmente, e os cliques não desenham 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: 
  • circle:  Circle o círculo que o usuário acabou de desenhar.
Esse evento é disparado 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 é disparado 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 é disparado 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 é disparado quando o usuário termina de desenhar um polígono.
polylinecomplete
function(polyline)
Argumentos: 
  • polyline:  Polyline a polilinha que o usuário acabou de desenhar.
Esse evento é disparado quando o usuário termina de desenhar uma polilinha.
rectanglecomplete
function(rectangle)
Argumentos: 
  • rectangle:  Rectangle o retângulo que o usuário acabou de desenhar.
Esse evento é disparado 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 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 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 desenho de null significa que o usuário pode interagir com o mapa normalmente, e os cliques não desenham nada.
map optional
Tipo:Map optional
O Map a que 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 novos marcadores criados 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 a serem aplicadas a novos polígonos criados 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 a serem aplicadas a todas as novas polilinhas criadas com este DrawingManager. A propriedade path é ignorada, e a propriedade map de uma nova polilinha é sempre definida como o mapa do DrawingManager.
rectangleOptions optional
Tipo:RectangleOptions optional
Opções a serem aplicadas a 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
Padrão:[OverlayType.MARKER, OverlayType.POLYLINE, OverlayType.RECTANGLE, OverlayType.CIRCLE, OverlayType.POLYGON]
Os modos de desenho a serem mostrados no controle de desenho, na ordem em que devem aparecer. O ícone de mão (que corresponde ao modo de desenho null) está sempre disponível e não precisa ser especificado nessa matriz.
position optional
Tipo:ControlPosition optional
Padrão:ControlPosition.TOP_LEFT
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 da sobreposição concluída.

Constantes OverlayType

Constantes de google.maps.drawing.OverlayType

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

Acesse ligando para 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.