Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Desenha Retângulo
Função que desenha uma área retangular no mapa.
Parâmetros de Entrada
Nome | Tipo | Doc | |
---|---|---|---|
Parâmetro 1 | Objeto | Identificador do componente mapa. | |
Parâmetro 2 | String | Identificador do retângulo (definido pelo usuário). | |
Parâmetro 3 | String | Define os pontos externos de uma área. Os pontos são definidos a partir de atributos (em inglês) de um objeto no formato JSON, em inglês, são eles:
| |
Parâmetro 4 | String | Define a cor que será preenchida no interior da área. | |
Parâmetro 5 | String | Define a cor do contorno da área. | |
Parâmetro 6 | String | Grau de opacidade do preenchimento (varia de 0 à 1) | |
Parâmetro 7 | String | Permite adicionar opções avançadas. | Recebe um objeto contendo opções de customização no polígono. Acesse a documentação oficial para mais detalhes. Exemplo de uso: |
Compatibilidade
Cliente
Exemplo
No exemplo da figura 1.1 estamos delimitando uma certa área estabelecida no parâmetro Limites do bloco de programação Desenha retângulo. Em Opção avançada Opções avançadas do bloco, adicionaremos uma propriedade que altera o zoom e centraliza o mapa para melhor visualização da rotaa visualização do mapa. É importante lembrar que por padrão essa propriedade é definida como true
, caso o usuário deseje esconder o mapa, ela precisa ser mudada para false
. A opção deverá ser passada em formato JSON, informado a seguir:
Bloco de código | ||||||
---|---|---|---|---|---|---|
| ||||||
{"preserveViewportvisible": false} |
Image RemovedImage Added
Figura 1 - Bloco de programação Desenha retângulo
Image RemovedImage Added
Figura 1.1 - Retângulo gerado a partir do bloco
Sobre o bloco
O bloco de programação Desenha retângulo, demarca em formato retangular uma região no mapa. As coordenadas de demarcação são passadas no parâmetro Limites em formato JSON. Vale lembrar que neste parâmetro é imprescindível a utilização do bloco Criar objeto. Este é um bloco do tipo Google Maps e que para sua utilização é necessário a instalação do plugin do Google Maps, confira na documentação Usando a API do Google Maps em seu projeto como configura-lo.
Informações |
---|
Para exibir o mapa na aplicação precisamos inicializar o mapa, para isso, utilize o bloco de programação Inicializar Mapa. é nele que definimos os pontos iniciais de latitude e longitude. A documentação Usando a API do Google Maps em seu projeto contém um exemplo mais concreto de sua utilização Coordenadas para a inicialização do bloco: Latitude: 33.678 Longitude: -116.243 |
Informações | ||
---|---|---|
| ||
{"north": 33.685, "south": 33.671, "east": -116.234, "west": -116.251} |