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 em 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. |
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 do bloco, adicionaremos uma propriedade que altera o zoom e centraliza o mapa para melhor visualização da rota. A opção deverá ser passada em formato JSON, informado a seguir:
{"preserveViewport": false}
Figura 1 - Bloco de programação Desenha retângulo
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.
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 utilizadas no parâmetro Limites
{"north": 33.685, "south": 33.671, "east": -116.234, "west": -116.251}