Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Desenha círculo
Com o bloco, é possível desenhar um círculo no mapa e fazer algumas configurações na aparência.
Parâmetros
Nome | Tipo | Doc |
---|---|---|
Parâmetro 1 | objeto | Recebe o ID do componente Google Maps que foi inserido na view. |
Parâmetro 2 | string | Define um ID para o círculo de acordo com sua preferência. |
Parâmetro 3 | string | Define o ponto em que o círculo ficará no mapa. |
Parâmetro 4 | string | Define o tamanho do raio do círculo. |
Parâmetro 5 | string | Define a cor do preenchimento do círculo, podem podem ser nomeadas pelo nome (em inglês) ou no formato no formato hexadecimal. Exemplo: yellow ou #FFFF00 ou #FFFF00. |
Parâmetro 6 | string | Define a cor do contorno do círculo, podem podem ser nomeadas pelo nome (em inglês) ou no no formato hexadecimal. Exemplo: yellow ou #FFFF00 ou #FFFF00. |
Parâmetro 7 | string | Define a opacidade referente à cor do preenchimento, indo de 0 à 1. |
Parâmetro 8 | ObjetoConfigurações | Recebe um objeto contendo opções de customização no círculo. Acesse a documentação oficial para mais detalhes. Exemplo de uso: |
Compatibilidade
Image Modified Cliente
Exemplo
Nesse exemplo, após criar o bloco com a função função Adiciona circulo, arrastaremos o bloco Desenha círculo, que receberá no seu parâmetro Id do mapa o , o id do componente componente Google Maps Maps que está na view e ; no parâmetro Id do círculo, defina um ID de sua preferência - nesse caso usaremos "IdCirculo"; no parâmetro Ponto central, arrastaremos o bloco Criar coordenada passando a Latitude e Longitude; no parâmetro Tamanho do raio, definiremos o tamanho do raio ocupado pelo círculo círculo - 650, por exemplo; em em Cor do preenchimento, colocaremos "gray" para a cor do círculo, já ; no parâmetro Cor do contorno, colocaremos "black" e ; em Opacidade do preenchimento, colocaremos "0.4" ; em e em Opções avançadas, colocaremos colocaremos o bloco de código abaixo para liberar uma interação de arrastar pontos no mapa, como na figura 2.
Bloco de código |
---|
{ "editable": true } |
Image ModifiedFigura 1 - Bloco Desenha círculo
Image Modified
Figura 2 - Retorno no mapa após a execução da função referente à figura 1
e demonstração do arrastar referente à opção avançada
Informações | ||
---|---|---|
| ||
Para entender melhor o funcionamento desse bloco, recomendamos acessar a documentação Usando a API do Google Maps em seu projeto na Figura 6.1 . |