Classe Polyline
classe
google.maps.Polyline
estende MVCObject
biblioteca "maps"
Uma polilinha é uma superposição linear de segmentos de linhas conectadas no mapa.
const {Polyline} = await google.maps.importLibrary("maps");
Construtor | |
|---|---|
Polyline |
Polyline([opts])Parâmetros:
Crie uma polilinha usando o PolylineOptions transmitido, que especifica o caminho da polilinha e o estilo de traço a ser usado ao desenhá-la. Você pode transmitir uma matriz de LatLngs ou um MVCArray de LatLngs ao criar uma polilinha, mas as matrizes simples são convertidas em MVCArrays dentro da polilinha após a instanciação. |
Métodos | |
|---|---|
getDraggable |
getDraggable()Parâmetros: nenhum
Valor de retorno:
booleanRetorna se essa forma pode ser arrastada pelo usuário. |
getEditable |
getEditable()Parâmetros: nenhum
Valor de retorno:
booleanRetorna se essa forma pode ser editada pelo usuário. |
getMap |
getMap()Parâmetros: nenhum
Valor de retorno:
Map|nullRetorna o mapa em que essa forma está anexada. |
getPath |
getPath()Parâmetros: nenhum
Recupera o caminho. |
getVisible |
getVisible()Parâmetros: nenhum
Valor de retorno:
booleanRetorna se esse polígono está visível no mapa. |
setDraggable |
setDraggable(draggable)Parâmetros:
Valor de retorno: nenhum
Se definido como true, o usuário pode arrastar essa forma pelo mapa. A propriedade geodesic define o modo de arrastar. |
setEditable |
setEditable(editable)Parâmetros:
Valor de retorno: nenhum
Se definido como true, o usuário pode editar essa forma arrastando os pontos de controle mostrados nos vértices e em cada segmento. |
setMap |
setMap(map)Parâmetros:
Valor de retorno: nenhum
Renderiza essa forma no mapa especificado. Se o mapa for definido como null, a forma será removida. |
setOptions |
setOptions(options)Parâmetros:
Valor de retorno: nenhum
|
setPath |
setPath(path)Parâmetros:
Valor de retorno: nenhum
Define o caminho. Consulte PolylineOptions para mais detalhes. |
setVisible |
setVisible(visible)Parâmetros:
Valor de retorno: nenhum
Oculta esse polígono se definido como false. |
Herdado:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Eventos | |
|---|---|
click |
function(event)Argumentos:
Este evento é disparado quando o evento DOM de clique é disparado na polilinha. |
contextmenu |
function(event)Argumentos:
Esse evento é acionado quando o evento contextmenu do DOM é acionado em Poyline. |
dblclick |
function(event)Argumentos:
Este evento é disparado quando o evento DOM de clique duplo é disparado na polilinha. |
drag |
function(event)Argumentos:
Esse evento é disparado repetidamente enquanto o usuário arrasta a polilinha. |
dragend |
function(event)Argumentos:
Esse evento é acionado quando o usuário para de arrastar a polilinha. |
dragstart |
function(event)Argumentos:
Esse evento é disparado quando o usuário começa a arrastar a polilinha. |
mousedown |
function(event)Argumentos:
Este evento é disparado quando o evento DOM mousedown é disparado na polilinha. |
mousemove |
function(event)Argumentos:
Este evento é disparado quando o evento DOM mousemove é disparado na polilinha. |
mouseout |
function(event)Argumentos:
Este evento é disparado durante o mouseout na polilinha. |
mouseover |
function(event)Argumentos:
Este evento é disparado durante o mouseover na polilinha. |
mouseup |
function(event)Argumentos:
Este evento é disparado quando o evento DOM mouseup é disparado na polilinha. |
|
function(event)Argumentos:
Este evento é disparado quando a polilinha é clicada com o botão direito do mouse. |
Interface PolylineOptions
interface
google.maps.PolylineOptions
Objeto PolylineOptions usado para definir as propriedades que podem ser definidas em uma polilinha.
Propriedades | |
|---|---|
clickable
opcional |
Tipo:
boolean optionalPadrão:
trueIndica se esse Polyline processa eventos do mouse. |
draggable
opcional |
Tipo:
boolean optionalPadrão:
falseSe definido como true, o usuário pode arrastar essa forma pelo mapa. A propriedade geodesic define o modo de arrastar. |
editable
opcional |
Tipo:
boolean optionalPadrão:
falseSe definido como true, o usuário pode editar essa forma arrastando os pontos de controle mostrados nos vértices e em cada segmento. |
geodesic
opcional |
Tipo:
boolean optionalPadrão:
falseQuando true, as bordas do polígono são interpretadas como geodésicas e seguem a curvatura da Terra. Quando false, as bordas do polígono são renderizadas como linhas retas no espaço da tela. A forma de um polígono geodésico pode parecer mudar quando arrastada, já que as dimensões são mantidas em relação à superfície da Terra. |
icons
opcional |
Tipo:
Array<IconSequence> optionalOs ícones que serão renderizados ao longo da polilinha. |
map
opcional |
Tipo:
Map optionalMapa no qual exibir a polilinha. |
path
opcional |
Tipo:
MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optionalA sequência ordenada de coordenadas da polilinha. Esse caminho pode ser especificado usando uma matriz simples de LatLngs ou uma MVCArray de LatLngs. Se você transmitir uma matriz simples, ela será convertida em um MVCArray. A inserção ou remoção de LatLngs no MVCArray vai atualizar automaticamente a polilinha no mapa. |
strokeColor
opcional |
Tipo:
string optionalA cor do traço. Todas as cores CSS3 são permitidas, exceto cores nomeadas estendidas. |
strokeOpacity
opcional |
Tipo:
number optionalA opacidade do traço entre 0,0 e 1,0. |
strokeWeight
opcional |
Tipo:
number optionalA largura do traço em pixels. |
visible
opcional |
Tipo:
boolean optionalPadrão:
trueSe essa polilinha está visível no mapa. |
zIndex
opcional |
Tipo:
number optionalO zIndex comparado a outras polilinhas/polígonos. |
Interface IconSequence
interface
google.maps.IconSequence
Descreve como os ícones devem ser renderizados em uma linha.
Se a polilinha for geodésica, as distâncias especificadas para deslocamento e repetição serão calculadas em metros por padrão. Definir o deslocamento ou a repetição como um valor em pixels faz com que as distâncias sejam calculadas em pixels na tela.
Propriedades | |
|---|---|
fixedRotation
opcional |
Tipo:
boolean optionalPadrão:
falseSe for true, cada ícone na sequência terá a mesma rotação fixa, independentemente do ângulo da aresta em que estiver. Se false, cada ícone na sequência será girado para se alinhar à borda. |
icon
opcional |
Tipo:
Symbol optionalO ícone a ser renderizado na linha. |
offset
opcional |
Tipo:
string optionalPadrão:
'100%'A distância entre o início da linha em que um ícone deve ser renderizado. Essa distância pode ser expressa como uma porcentagem do comprimento da linha (por exemplo, "50%") ou em pixels (por exemplo, "50 px"). |
repeat
opcional |
Tipo:
string optionalPadrão:
0A distância entre ícones consecutivos na linha. Essa distância pode ser expressa como uma porcentagem do comprimento da linha (por exemplo, "50%") ou em pixels (por exemplo, "50 px"). Para desativar a repetição do ícone, especifique "0". |
Classe Polygon
classe
google.maps.Polygon
estende MVCObject
biblioteca "maps"
Um polígono (como uma polilinha) define uma série de coordenadas conectadas em uma sequência ordenada. Além disso, os polígonos formam um loop fechado e definem uma região preenchida. Confira os exemplos no guia para desenvolvedores, começando com um polígono simples, um polígono com um furo e muito mais. Também é possível usar a camada de dados para criar um polígono. A camada de dados oferece uma maneira mais simples de criar buracos porque processa a ordem dos caminhos internos e externos para você.
const {Polygon} = await google.maps.importLibrary("maps");
Construtor | |
|---|---|
Polygon |
Polygon([opts])Parâmetros:
Cria um polígono usando o PolygonOptions transmitido, que especifica o caminho do polígono, o estilo de traço das bordas e o estilo de preenchimento das regiões internas. Um polígono pode conter um ou mais caminhos, em que cada caminho consiste em uma matriz de LatLngs. Você pode transmitir uma matriz de LatLngs ou um MVCArray de LatLngs ao criar esses caminhos. As matrizes são convertidas em MVCArrays dentro do polígono após a instanciação. |
Métodos | |
|---|---|
getDraggable |
getDraggable()Parâmetros: nenhum
Valor de retorno:
booleanRetorna se essa forma pode ser arrastada pelo usuário. |
getEditable |
getEditable()Parâmetros: nenhum
Valor de retorno:
booleanRetorna se essa forma pode ser editada pelo usuário. |
getMap |
getMap()Parâmetros: nenhum
Valor de retorno:
Map|nullRetorna o mapa em que essa forma está anexada. |
getPath |
getPath()Parâmetros: nenhum
Recupera o primeiro caminho. |
getPaths |
getPaths()Parâmetros: nenhum
Recupera os caminhos para este polígono. |
getVisible |
getVisible()Parâmetros: nenhum
Valor de retorno:
booleanRetorna se esse polígono está visível no mapa. |
setDraggable |
setDraggable(draggable)Parâmetros:
Valor de retorno: nenhum
Se definido como true, o usuário pode arrastar essa forma pelo mapa. A propriedade geodesic define o modo de arrastar. |
setEditable |
setEditable(editable)Parâmetros:
Valor de retorno: nenhum
Se definido como true, o usuário pode editar essa forma arrastando os pontos de controle mostrados nos vértices e em cada segmento. |
setMap |
setMap(map)Parâmetros:
Valor de retorno: nenhum
Renderiza essa forma no mapa especificado. Se o mapa for definido como null, a forma será removida. |
setOptions |
setOptions(options)Parâmetros:
Valor de retorno: nenhum
|
setPath |
setPath(path)Parâmetros:
Valor de retorno: nenhum
Define o primeiro caminho. Consulte PolygonOptions para mais detalhes. |
setPaths |
setPaths(paths)Parâmetros:
Valor de retorno: nenhum
Define o caminho para este polígono. |
setVisible |
setVisible(visible)Parâmetros:
Valor de retorno: nenhum
Oculta esse polígono se definido como false. |
Herdado:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Eventos | |
|---|---|
click |
function(event)Argumentos:
Este evento é disparado quando o evento DOM de clique é disparado no polígono. |
contextmenu |
function(event)Argumentos:
Esse evento é acionado quando o evento contextmenu do DOM é acionado no Polygon. |
dblclick |
function(event)Argumentos:
Este evento é disparado quando o evento DOM de clique duplo é disparado no polígono. |
drag |
function(event)Argumentos:
Esse evento é disparado repetidamente enquanto o usuário arrasta o polígono. |
dragend |
function(event)Argumentos:
Esse evento é disparado quando o usuário para de arrastar o polígono. |
dragstart |
function(event)Argumentos:
Esse evento é disparado quando o usuário começa a arrastar o polígono. |
mousedown |
function(event)Argumentos:
Este evento é disparado quando o evento DOM mousedown é disparado no polígono. |
mousemove |
function(event)Argumentos:
Este evento é disparado quando o evento DOM mousemove é disparado no polígono. |
mouseout |
function(event)Argumentos:
Este evento é disparado durante o mouseout no polígono. |
mouseover |
function(event)Argumentos:
Este evento é disparado durante o mouseover no polígono. |
mouseup |
function(event)Argumentos:
Este evento é disparado quando o evento DOM mouseup é disparado no polígono. |
|
function(event)Argumentos:
Este evento é disparado quando o polígono é clicado com o botão direito do mouse. |
Interface PolygonOptions
interface
google.maps.PolygonOptions
Objeto PolygonOptions usado para definir as propriedades que podem ser definidas em um Polygon.
Propriedades | |
|---|---|
clickable
opcional |
Tipo:
boolean optionalPadrão:
trueIndica se esse Polygon processa eventos do mouse. |
draggable
opcional |
Tipo:
boolean optionalPadrão:
falseSe definido como true, o usuário pode arrastar essa forma pelo mapa. A propriedade geodesic define o modo de arrastar. |
editable
opcional |
Tipo:
boolean optionalPadrão:
falseSe definido como true, o usuário pode editar essa forma arrastando os pontos de controle mostrados nos vértices e em cada segmento. |
fillColor
opcional |
Tipo:
string optionalcor de preenchimento. Todas as cores CSS3 são permitidas, exceto cores nomeadas estendidas. |
fillOpacity
opcional |
Tipo:
number optionalA opacidade do preenchimento entre 0.0 e 1.0. |
geodesic
opcional |
Tipo:
boolean optionalPadrão:
falseQuando true, as bordas do polígono são interpretadas como geodésicas e seguem a curvatura da Terra. Quando false, as bordas do polígono são renderizadas como linhas retas no espaço da tela. A forma de um polígono geodésico pode parecer mudar quando arrastada, já que as dimensões são mantidas em relação à superfície da Terra. |
map
opcional |
Tipo:
Map optionalMapa no qual exibir o polígono. |
paths
opcional |
Tipo:
MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optionalA sequência ordenada de coordenadas que designam um loop fechado. Ao contrário das polilinhas, um polígono pode ser composto de um ou mais caminhos. Como resultado, a propriedade paths pode especificar uma ou mais matrizes de coordenadas LatLng. Os caminhos são fechados automaticamente. Não repita o primeiro vértice do caminho como o último. Polígonos simples podem ser definidos usando uma única matriz de LatLngs. Polígonos mais complexos podem especificar uma matriz de matrizes. Todas as matrizes simples são convertidas em MVCArrays. Inserir ou remover LatLngs do MVCArray atualiza automaticamente o polígono no mapa. |
strokeColor
opcional |
Tipo:
string optionalA cor do traço. Todas as cores CSS3 são permitidas, exceto cores nomeadas estendidas. |
strokeOpacity
opcional |
Tipo:
number optionalA opacidade do traço entre 0.0 e 1.0. |
strokePosition
opcional |
Tipo:
StrokePosition optionalPadrão:
StrokePosition.CENTERA posição do traço. |
strokeWeight
opcional |
Tipo:
number optionalA largura do traço em pixels. |
visible
opcional |
Tipo:
boolean optionalPadrão:
trueSe o polígono está visível no mapa. |
zIndex
opcional |
Tipo:
number optionalO zIndex comparado a outras polilinhas/polígonos. |
Interface PolyMouseEvent
interface
google.maps.PolyMouseEvent
extends MapMouseEvent
Esse objeto é retornado de eventos de mouse em polilinhas e polígonos.
Propriedades | |
|---|---|
edge
opcional |
Tipo:
number optionalO índice da aresta no caminho abaixo do cursor quando o evento ocorreu, se o evento ocorreu em um ponto médio em um polígono editável. |
path
opcional |
Tipo:
number optionalO índice do caminho abaixo do cursor quando o evento ocorreu, se o evento ocorreu em um vértice e o polígono é editável. Se esse não for seu caso, undefined. |
vertex
opcional |
Tipo:
number optionalO índice do vértice abaixo do cursor quando o evento ocorreu, se o evento ocorreu em um vértice e a polilinha ou o polígono é editável. Se o evento não ocorrer em um vértice, o valor será undefined. |
Herdado:
domEvent,
latLng
| |
Métodos | |
|---|---|
Herdado:
stop
|
Classe Rectangle
classe
google.maps.Rectangle
estende MVCObject
biblioteca "maps"
Uma superposição de retângulo.
const {Rectangle} = await google.maps.importLibrary("maps");
Construtor | |
|---|---|
Rectangle |
Rectangle([opts])Parâmetros:
Crie um retângulo usando o RectangleOptions transmitido, que especifica os limites e o estilo. |
Métodos | |
|---|---|
getBounds |
getBounds()Parâmetros: nenhum
Valor de retorno:
LatLngBounds|nullRetorna os limites deste retângulo. |
getDraggable |
getDraggable()Parâmetros: nenhum
Valor de retorno:
booleanRetorna se o retângulo pode ser arrastado pelo usuário. |
getEditable |
getEditable()Parâmetros: nenhum
Valor de retorno:
booleanInforma se o retângulo pode ser editado pelo usuário. |
getMap |
getMap()Parâmetros: nenhum
Valor de retorno:
Map|nullRetorna o mapa no qual este retângulo é exibido. |
getVisible |
getVisible()Parâmetros: nenhum
Valor de retorno:
booleanRetorna se este retângulo está visível no mapa. |
setBounds |
setBounds(bounds)Parâmetros:
Valor de retorno: nenhum
Define os limites deste retângulo. |
setDraggable |
setDraggable(draggable)Parâmetros:
Valor de retorno: nenhum
Se definido como true, o usuário poderá arrastar esse retângulo pelo mapa. |
setEditable |
setEditable(editable)Parâmetros:
Valor de retorno: nenhum
Se definido como true, o usuário poderá editar esse retângulo arrastando os pontos de controle mostrados nos cantos e em cada borda. |
setMap |
setMap(map)Parâmetros:
Valor de retorno: nenhum
Renderiza o retângulo no mapa especificado. Se o mapa for definido como null, o retângulo será removido. |
setOptions |
setOptions(options)Parâmetros:
Valor de retorno: nenhum
|
setVisible |
setVisible(visible)Parâmetros:
Valor de retorno: nenhum
Oculta esse retângulo se definido como false. |
Herdado:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Eventos | |
|---|---|
bounds_changed |
function()Argumentos: nenhum
Esse evento é acionado quando os limites do retângulo são alterados. |
click |
function(event)Argumentos:
Esse evento é acionado quando o evento de clique do DOM é acionado no retângulo. |
contextmenu |
function(event)Argumentos:
Esse evento é acionado quando o evento contextmenu do DOM é acionado no retângulo. |
dblclick |
function(event)Argumentos:
Esse evento é acionado quando o evento dblclick do DOM é acionado no retângulo. |
drag |
function(event)Argumentos:
Esse evento é disparado repetidamente enquanto o usuário arrasta o retângulo. |
dragend |
function(event)Argumentos:
Esse evento é disparado quando o usuário para de arrastar o retângulo. |
dragstart |
function(event)Argumentos:
Esse evento é disparado quando o usuário começa a arrastar o retângulo. |
mousedown |
function(event)Argumentos:
Esse evento é acionado quando o evento mousedown do DOM é acionado no retângulo. |
mousemove |
function(event)Argumentos:
Esse evento é acionado quando o evento mousemove do DOM é acionado no retângulo. |
mouseout |
function(event)Argumentos:
Esse evento é disparado quando o mouse sai do retângulo. |
mouseover |
function(event)Argumentos:
Esse evento é disparado quando o mouse passa sobre o retângulo. |
mouseup |
function(event)Argumentos:
Esse evento é acionado quando o evento mouseup do DOM é acionado no retângulo. |
|
function(event)Argumentos:
Esse evento é disparado quando o retângulo é clicado com o botão direito do mouse. |
Interface RectangleOptions
interface
google.maps.RectangleOptions
Objeto RectangleOptions usado para definir as propriedades que podem ser definidas em um retângulo.
Propriedades | |
|---|---|
bounds
opcional |
Tipo:
LatLngBounds|LatLngBoundsLiteral optionalLimites. |
clickable
opcional |
Tipo:
boolean optionalPadrão:
trueIndica se esse Rectangle processa eventos do mouse. |
draggable
opcional |
Tipo:
boolean optionalPadrão:
falseSe definido como true, o usuário poderá arrastar esse retângulo pelo mapa. |
editable
opcional |
Tipo:
boolean optionalPadrão:
falseSe definido como true, o usuário poderá editar esse retângulo arrastando os pontos de controle mostrados nos cantos e em cada borda. |
fillColor
opcional |
Tipo:
string optionalcor de preenchimento. Todas as cores CSS3 são permitidas, exceto cores nomeadas estendidas. |
fillOpacity
opcional |
Tipo:
number optionalA opacidade do preenchimento entre 0.0 e 1.0. |
map
opcional |
Tipo:
Map optionalMapa no qual exibir o retângulo. |
strokeColor
opcional |
Tipo:
string optionalA cor do traço. Todas as cores CSS3 são permitidas, exceto cores nomeadas estendidas. |
strokeOpacity
opcional |
Tipo:
number optionalA opacidade do traço entre 0.0 e 1.0. |
strokePosition
opcional |
Tipo:
StrokePosition optionalPadrão:
StrokePosition.CENTERA posição do traço. |
strokeWeight
opcional |
Tipo:
number optionalA largura do traço em pixels. |
visible
opcional |
Tipo:
boolean optionalPadrão:
trueSe o retângulo está visível no mapa. |
zIndex
opcional |
Tipo:
number optionalO zIndex comparado a outras polilinhas/polígonos. |
Classe Circle
classe
google.maps.Circle
estende MVCObject
biblioteca "maps"
Um círculo na superfície da Terra; também conhecido como "limite esférico".
const {Circle} = await google.maps.importLibrary("maps");
Construtor | |
|---|---|
Circle |
Circle([circleOrCircleOptions])Parâmetros:
Crie um círculo usando o CircleOptions transmitido, que especifica o centro, o raio e o estilo. |
Métodos | |
|---|---|
getBounds |
getBounds()Parâmetros: nenhum
Valor de retorno:
LatLngBounds|nullRecebe o LatLngBounds deste círculo. |
getCenter |
getCenter()Parâmetros: nenhum
Valor de retorno:
LatLng|nullRetorna o centro deste círculo. |
getDraggable |
getDraggable()Parâmetros: nenhum
Valor de retorno:
booleanRetorna se o círculo pode ser arrastado pelo usuário. |
getEditable |
getEditable()Parâmetros: nenhum
Valor de retorno:
booleanInforma se o círculo pode ser editado pelo usuário. |
getMap |
getMap()Parâmetros: nenhum
Valor de retorno:
Map|nullRetorna o mapa no qual este círculo é exibido. |
getRadius |
getRadius()Parâmetros: nenhum
Valor de retorno:
numberRetorna o raio deste círculo (em metros). |
getVisible |
getVisible()Parâmetros: nenhum
Valor de retorno:
booleanRetorna se este círculo está visível no mapa. |
setCenter |
setCenter(center)Parâmetros:
Valor de retorno: nenhum
Define o centro deste círculo. |
setDraggable |
setDraggable(draggable)Parâmetros:
Valor de retorno: nenhum
Se definido como true, o usuário pode arrastar o círculo pelo mapa. |
setEditable |
setEditable(editable)Parâmetros:
Valor de retorno: nenhum
Se definido como true, o usuário pode editar esse círculo arrastando os pontos de controle mostrados no centro e ao redor da circunferência do círculo. |
setMap |
setMap(map)Parâmetros:
Valor de retorno: nenhum
Renderiza o círculo no mapa especificado. Se o mapa for definido como null, o círculo será removido. |
setOptions |
setOptions(options)Parâmetros:
Valor de retorno: nenhum
|
setRadius |
setRadius(radius)Parâmetros:
Valor de retorno: nenhum
Define o raio deste círculo (em metros). |
setVisible |
setVisible(visible)Parâmetros:
Valor de retorno: nenhum
Oculta o círculo se definido como false. |
Herdado:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Eventos | |
|---|---|
center_changed |
function()Argumentos: nenhum
Esse evento é acionado quando o centro do círculo é alterado. |
click |
function(event)Argumentos:
Esse evento é disparado quando o evento de clique do DOM é disparado no círculo. |
dblclick |
function(event)Argumentos:
Esse evento é acionado quando o evento dblclick do DOM é acionado no círculo. |
drag |
function(event)Argumentos:
Esse evento é disparado repetidamente enquanto o usuário arrasta o círculo. |
dragend |
function(event)Argumentos:
Esse evento é disparado quando o usuário para de arrastar o círculo. |
dragstart |
function(event)Argumentos:
Esse evento é disparado quando o usuário começa a arrastar o círculo. |
mousedown |
function(event)Argumentos:
Esse evento é acionado quando o evento mousedown do DOM é acionado no círculo. |
mousemove |
function(event)Argumentos:
Esse evento é acionado quando o evento mousemove do DOM é acionado no círculo. |
mouseout |
function(event)Argumentos:
Esse evento é acionado quando o mouse sai do círculo. |
mouseover |
function(event)Argumentos:
Esse evento é acionado quando o mouse passa sobre o círculo. |
mouseup |
function(event)Argumentos:
Esse evento é acionado quando o evento mouseup do DOM é acionado no círculo. |
radius_changed |
function()Argumentos: nenhum
Esse evento é disparado quando o raio do círculo é alterado. |
rightclick |
function(event)Argumentos:
Esse evento é disparado quando o círculo é clicado com o botão direito do mouse. |
Interface CircleOptions
interface
google.maps.CircleOptions
estendida por CircleLiteral
Objeto CircleOptions usado para definir as propriedades que podem ser definidas em um círculo.
Propriedades | |
|---|---|
center
opcional |
Tipo:
LatLng|LatLngLiteral optionalO centro do círculo. |
clickable
opcional |
Tipo:
boolean optionalPadrão:
trueIndica se esse Circle processa eventos do mouse. |
draggable
opcional |
Tipo:
boolean optionalPadrão:
falseSe definido como true, o usuário pode arrastar o círculo pelo mapa. |
editable
opcional |
Tipo:
boolean optionalPadrão:
falseSe definido como true, o usuário pode editar esse círculo arrastando os pontos de controle mostrados no centro e ao redor da circunferência do círculo. |
fillColor
opcional |
Tipo:
string optionalcor de preenchimento. Todas as cores CSS3 são permitidas, exceto cores nomeadas estendidas. |
fillOpacity
opcional |
Tipo:
number optionalA opacidade do preenchimento entre 0,0 e 1,0. |
map
opcional |
Tipo:
Map optionalMapa em que o círculo será exibido. |
radius
opcional |
Tipo:
number optionalO raio em metros na superfície da Terra. |
strokeColor
opcional |
Tipo:
string optionalA cor do traço. Todas as cores CSS3 são permitidas, exceto cores nomeadas estendidas. |
strokeOpacity
opcional |
Tipo:
number optionalA opacidade do traço entre 0,0 e 1,0. |
strokePosition
opcional |
Tipo:
StrokePosition optionalPadrão:
StrokePosition.CENTERA posição do traço. |
strokeWeight
opcional |
Tipo:
number optionalA largura do traço em pixels. |
visible
opcional |
Tipo:
boolean optionalPadrão:
trueSe o círculo está visível no mapa. |
zIndex
opcional |
Tipo:
number optionalO zIndex comparado a outras polilinhas/polígonos. |
Constantes StrokePosition
constantes
google.maps.StrokePosition
biblioteca "maps"
As posições possíveis do traço em um polígono.
const {StrokePosition} = await google.maps.importLibrary("maps");
Constantes | |
|---|---|
CENTER |
O traço é centralizado no caminho do polígono, com metade do traço dentro e metade fora do polígono. |
INSIDE |
O traço fica dentro do polígono. |
OUTSIDE |
O traço fica fora do polígono. |