Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como usar o Google Maps API para auto completar Localização Campos
Interagir com os visitantes do seu site, permitindo-lhes entrar em um local específico na sua costume Google Mapa. Usando a versão da API do Google Maps 3 , você pode criar um campo de texto para que os usuários insiram um endereço ou nome da empresa. Com base no texto digitado , o Google Maps irá oferecer sugestões e auto- completar o campo . Você adiciona o recurso " Places Autocomplete " para o seu costume Google Map usando o construtor " Autocomplete " . Instruções
1

Acesse seu arquivo HTML e localize o código do Google Maps.
2

Defina a variável de entrada do usuário após o código de inicialização de seu mapa. Por exemplo, digite :

var user_imput = document.getElementById (' searchTextField ');
3

Especifique as opções para os dados de entrada . As opções incluem a configuração dos limites , o que restringe a latitude e longitude para a busca de auto-completar , e definir o tipo de entrada , o que permite ao usuário pesquisar por um nome comercial ou um endereço geocode . Por exemplo, digite :
opções

var = { Bounds : defaultBounds , tipos : [' geocode ']} ;

Neste exemplo, os usuários podem pesquisar por endereço eo intervalo padrão ou limites é irrestrita.
4

Criar o controle Autocomplete . Por exemplo, digite :

userAutocomplete = new google.maps.places.Autocomplete (entrada , opções );
5

Altere o rótulo para o campo de entrada em seu código HTML. Por exemplo, digite :


< br > 6

Salve o arquivo e testá-lo . Google Maps monitora o campo de entrada e auto- completa o campo quando o usuário começa a digitar .

Anterior :

Próximo : No
  Os artigos relacionados
·Feito , mas com erros no IE JS Objeto esperado 
·Como navegar de jQuery Modal janela para outra página 
·Javascript funções parciais 
·O que faz Javascript Vazio Não é possível abrir Méd…
·Variáveis ​​em Adobe Ciclos de Vida 
·Como converter um nó regular para um nó jQuery 
·Código de Validação JavaScript para campos correspon…
·Como realçar um Tag em iFrame Conteúdo 
·Como usar o JW Player com MP4 
·Como fazer um gráfico com Jquery 
  Artigos em destaque
·Técnicas de controle de concorrência 
·Tutorial em Enterprise Java Bean 
·Como relatar erros de Java 
·Visual Component Object Model C Tutorial 
·Como determinar o número de botões em uma barra de fe…
·Como alterar a cor em Java Applets 
·Como usar várias versões do Java no Windows Vista 
·Como fazer um Storyboard para Projeto de Sistemas 
·Como excluir um arquivo com SSIS 
·Video Studio Tutorial 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados