| Casa | Hardware | Redes | Programación | software | Criticar | Sistemas |   
Programación  
  • C /C + + Programming

  • Lenguajes De Programación

  • Delphi Programación

  • Programación Java

  • JavaScript Programación

  • Programación PHP /MySQL

  • Perl Programming

  • Python Programming

  • Rubí Programación

  • Visual Basics Programación
  •  
    Conocimientos Informáticos >> Programación >> JavaScript Programación >> Content
    Cómo utilizar el API de Google Maps para autocompletar campos de ubicación
    Interactuar con los visitantes de su sitio web, lo que les permite entrar en un lugar específico en el Google Map personalizado. Uso de la API de Google Maps Versión 3 , puede crear un campo de texto para que los usuarios entran en una dirección o nombre de la empresa . Con base en el texto escrito , Google Maps ofrecer sugerencias y auto- completar el campo . Agregue el " Lugares Autocompletar " característica para su aduana Google Map con el constructor " Autocompletar " . Instrucciones
    1

    acceder a su archivo HTML y localizar el código de Google Maps.
    2

    Defina la variable de entrada del usuario después de que el código de inicialización de su mapa. Por ejemplo , escriba:

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

    Especifica opciones para los datos de entrada . Las opciones incluyen el establecimiento de los límites , lo que restringe la latitud y la longitud para la búsqueda de autocompletar , y establecer el tipo de entrada , lo que permite al usuario buscar por nombre de empresa o una dirección de geocodificación . Por ejemplo , escriba:

    var options = { límites : defaultBounds , tipos : [' geocodificación '] } ;

    En este ejemplo , los usuarios pueden buscar por dirección y el rango por defecto o límites es sin restricciones .
    4

    Crear el control Autocompletar . Por ejemplo , escriba:

    userAutocomplete = new google.maps.places.Autocomplete ( entrada, opciones) ;
    5

    Cambiar la etiqueta para el campo de entrada en el código HTML. Por ejemplo , escriba:


    < br > 6

    Guarde el archivo y pruébelo . Google Maps supervisa el campo de entrada y completa automáticamente el campo cuando un usuario comienza a escribir .

    Previous :

    next :
      Artículos relacionados
    ·Cómo cambiar el color del texto en JavaScript 
    ·Cómo habilitar ASP en IIS 6 
    ·Cómo configurar el fondo de animación en una página …
    ·Cómo cambiar la barra de direcciones de JavaScript 
    ·Cómo utilizar JS para escribir en otro documento 
    ·Cómo hacer un programa para convertir Celsius a Kelvin…
    ·Cómo crear colores de pintura 
    ·Cómo crear un contenedor de JavaScript para la API 
    ·Cómo detectar un navegador Safari en JavaScript 
    ·Ejemplos básicos de jQuery 
      Artículos destacados
    ·Cómo verificar que una casilla de verificación que se…
    ·Cómo imprimir en un subtítulo etiquetas en Visual Bas…
    ·Cómo quitar el botón Cerrar en VBA 
    ·Cómo crear un DFD 
    ·Cómo crear una cuadrícula en Java 
    ·Cómo obtener el estado de la salida en Python 
    ·Los métodos estáticos en Java Subclase 
    ·Cómo deshabilitar el puntero del ratón con VBA en Wor…
    ·Cómo redondear un número en Visual Basic 
    ·Cómo utilizar la función strerror en C + + 
    Copyright © Conocimientos Informáticos http://ordenador.wingwit.com