Drawing Library

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

DrawManager.

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 alterne para o modo de desenho.

Essa classe estende MVCObject.

Carregar usando o parâmetro de URL &libraries=drawing. Consulte Bibliotecas na API Maps JavaScript.

Ao usar v=beta, é possível chamar const {DrawingManager} = await google.map.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 ao qual o DrawingManager é anexado, que é o Map em que as sobreposições criadas serão colocadas.
setDrawingMode
setDrawingMode(drawingMode)
Parâmetros:
Valor de retorno: nenhum
Altera o modo de desenho 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 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 de DrawingManager.
Herdadas: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
circlecomplete
function(circle)
Argumentos:
  • circle: Circle 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:
  • event: OverlayCompleteEvent a sobreposição que o usuário acabou de desenhar, junto 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:
  • polygon: Polygon 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:
  • rectangle: Rectangle o retângulo que o usuário acabou de desenhar.
Este evento é disparado quando o usuário termina de desenhar um retângulo.

interface DrawManagerOptions

Interface google.maps.drawing.DrawingManagerOptions

Opções para o gerenciador de desenhos.

Carregar usando o parâmetro de URL &libraries=drawing. Consulte Bibliotecas na API Maps JavaScript.

circleOptions optional
Tipo:CircleOptions optional
Opções para aplicar a qualquer novo círculo criado 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 de 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 adicionado 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 é anexado, ou seja, o 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 de DrawingManager.
polygonOptions optional
Tipo: PolygonOptions optional
Opções para aplicar a todos os 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 de 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 este DrawingManager. A propriedade bounds é ignorada, e a propriedade map de um novo retângulo é sempre definida como o mapa de DrawingManager.

DrawControlOptions.

Interface google.maps.drawing.DrawingControlOptions

Opções para renderizar o controle de desenho.

Carregar usando o parâmetro de URL &libraries=drawing. Consulte Bibliotecas na API Maps JavaScript.

drawingModes optional
Tipo:Array<OverlayType> optional
Os modos de desenho a serem exibidos no controle de desenho, na ordem em que são 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 DrawingManager.

Carregar usando o parâmetro de URL &libraries=drawing. Consulte Bibliotecas na API Maps JavaScript.

overlay
A sobreposição concluída.
type
O tipo de sobreposição concluída.

OverlayType.

google.maps.drawing.OverlayType constantes

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.

Carregar usando o parâmetro de URL &libraries=drawing. Consulte Bibliotecas na API Maps JavaScript.

Ao usar v=beta, é possível chamar const {OverlayType} = await google.map.importLibrary("drawing"). Consulte Bibliotecas na API Maps JavaScript.

CIRCLE Especifica que o DrawingManager cria círculos e que a sobreposição informada no evento overlaycomplete é um círculo.
MARKER Especifica que o DrawingManager cria marcadores e que a sobreposição informada no evento overlaycomplete é um marcador.
POLYGON Especifica que 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 DrawingManager cria retângulos e que a sobreposição fornecida no evento overlaycomplete é um retângulo.