Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Criar o autocompletar

Completa o endereço com base no local e no que foi digitado.

Parâmetros

NomeTipoDoc
Parâmetro 1objetoRecebe o ID do componente Google Maps.
Parâmetro 2objeto

Recebe o ID do componente de texto usado para escrever a saída ou o destino.

Parâmetro 3stringDefine o tipo de busca
Parâmetro 4objetoDefine a área de busca
Parâmetro 5stringSe a busca é restrita à área de busca informada.
Parâmetro 6objetoConfigurações avançadas para edições sobre o autocompletar. Clique aqui para mais opções de configurações.
Parâmetro 7objetoRecebe outras funções para iniciar junto ao bloco.

Compatibilidade

 Cliente

Exemplo

Nesse exemplo, após criar o bloco com a

função 

função "AutoCompletarSaida", arrastaremos o bloco Criar o autocompletar

,

que no parâmetro Id do mapa

inserimos

selecionaremos o ID do componente Google Maps, em Id do

input Recebe

input o ID do componente de texto usado para escrever o ponto de saída

, em seguida, selecionaremos o tipo

e em Tipo de busca

para

escolheremos Endereço. Em seguida, no parâmetro Limites de Busca

,

arrastaremos o bloco Pontos do retângulo e, no parâmetro Ponto Oeste-Sul,

 arrastaremos

arrastaremos o bloco Criar coordenada e definiremos sua Latitude e Longitude, faremos o mesmo com o parâmetro Ponto Leste-Norte, definindo sua Latitude e Longitude para criar um retângulo na área que será

usada

usado para preencher a busca

, em seguida, selecionaremos Verdadeiro no parâmetro 

. No parâmetro Busca restrita? selecionaremos Verdadeiro (deixaremos Opções avançadas vazio) e, por fim, em

Comandos 

Comandos arrastaremos o bloco Cria Variável de escopo, no parâmetro Nome

escreva saida,

escreveremos “saida” e em valor

, arrasta

arrastaremos a variável item.


Figura 1 - Bloco Criar o autocompletar



Figura 2 - Funcionamento do bloco Criar o autocompletar


Informações
titleMais sobre o bloco

Para entender melhor o funcionamento desse bloco, recomendamos acessar a documentação Usando a API do Google Maps em seu projeto na Figura 5.3.