| maison  | Hardware  | réseaux  | programmation  | Logiciel  | Dépannage  | systèmes |  
programmation  
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Programmation Java

  • Programmation JavaScript

  • PHP /MySQL Programmation

  • programmation Perl

  • Programmation Python

  • Ruby Programming

  • Visual Basics programmation
  •  
    Connaissances Informatiques >> programmation >> Programmation JavaScript >> Content
    Comment faire pour utiliser l'API Google Maps pour Auto Complete Fields Localisation
    Interagissez avec les visiteurs de votre site Web en leur permettant d'entrer dans un emplacement spécifique sur votre carte Google personnalisée. Utilisation de l' API Google Maps version 3 , vous pouvez créer un champ de texte pour les utilisateurs d'entrer une adresse ou un nom commercial. Sur la base du texte saisi , Google Maps offrir des suggestions et auto- compléter le champ . Vous ajoutez la fonction "Lieux saisie semi-automatique " à votre coutume Google Map en utilisant le constructeur " Autocomplete " . Instructions
    1

    Accédez à votre fichier HTML et de localiser votre code Google Maps.
    2

    définir la variable d' entrée de l'utilisateur après le code d'initialisation de votre carte . Par exemple, tapez :

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

    spécifier des options pour les données d'entrée . Les options comprennent l'établissement des limites , ce qui restreint la latitude et la longitude de la recherche auto-complétion , et en réglant le type d'entrée , ce qui permet à l' utilisateur de rechercher par un nom d'entreprise ou une adresse de géocodage . Par exemple, tapez : Photos

    options var = { limites : defaultBounds , types: [' géocodage ']} ;

    Dans cet exemple , les utilisateurs peuvent effectuer une recherche par adresse et la plage par défaut ou bounds sans restriction .
    4

    créer le contrôle Autocomplete . Par exemple, tapez :


    userAutocomplete = new google.maps.places.Autocomplete ( entrée, options);
    5

    modifier l'étiquette pour le champ de saisie de votre code HTML. Par exemple, tapez :


    < br > 6

    Enregistrez votre fichier et le tester. Google Maps surveille le champ de saisie et complète automatiquement le champ lorsqu'un utilisateur commence à taper .

    Previous :

    next :
      articles connexes
    ·Comment faire de tous les boutons radio Faux en JavaScr…
    ·Comment rendre le contenu coulissante dans jQuery 
    ·Comment faire pour masquer par classe en JavaScript 
    ·Comment faire pour utiliser l'API Google Maps pour Auto…
    ·Comment faire exploser une chaîne en utilisant JavaScr…
    ·Comment inclure un fichier JS en JSP 
    ·Comment faire pour changer la taille et type de punaise…
    ·Comment placer un cookie lors du changement de langue d…
    ·JavaScript afin de déterminer si un élément est dés…
    ·Comment faire une boule Animations Rebondir en HTML 
      articles en vedette
    ·Qu'est-ce qu'un attribut de données 
    ·Comment compiler un fichier JAR exécutable 
    ·Comment compter le nombre de colonnes dans une base de …
    ·Comment faire pour supprimer cordes en Perl 
    ·Comment faire un projet dans Xcode partir d'un dossier …
    ·Comment écrire un fichier d'effet pour XNA Games 
    ·Comment rattacher une entité EJB individuelle dans JPA…
    ·Comment installer un compilateur Java 
    ·Comment afficher un GridView horizontalement dans Vb.Ne…
    ·Comment tuer couchage connexions MySQL 
    Copyright © Connaissances Informatiques http://fr.wingwit.com