| Hjem | Hardware | Netværk | Programmering | software | Fejlfinding | systemer | 
Programmering  
  • C /C + + Programming
  • Computer Programmeringssprog
  • Delphi programmering
  • Java programmering
  • JavaScript Programmering
  • PHP /MySQL programmering
  • Perl programmering
  • Python Programming
  • Ruby Programming
  • Visual Basics Programmering
  •  
    Computer Viden >> Programmering >> JavaScript Programmering >> Content
    Sådan bruges Google Maps API til Auto Complete placering Fields
    interagere med besøgende på dit websted ved at tillade dem at komme et bestemt sted på din brugerdefinerede Google Map . Ved hjælp af Google Maps API version 3 , kan du oprette et tekstfelt for brugerne at indtaste en adresse eller firmanavn . Baseret på teksten indtastet, vil Google Maps tilbyde forslag og auto- udfylde feltet . Du tilføjer " Places autofuldførelse " funktion til din brugerdefinerede Google Map ved at bruge " autofuldførelse " konstruktør. Instruktioner
    1

    adgang til din HTML-fil og find din Google Maps -koden.
    2

    Definer variabel for bruger input efter koden initialisering dit kort. Skriv f.eks : Hej

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

    Angiv indstillinger for input-data. Mulighederne omfatter indstilling grænserne , hvilket begrænser en bredde-og længdegrad for auto- komplet søgning og indstilling af typen af ​​input, som tillader brugeren at søge på et firmanavn eller et geocode adresse. Skriv f.eks :

    VAR muligheder = { bounds : defaultBounds , typer : [' geocode '] };

    I dette eksempel kan brugerne søge efter adresse , og standard området eller grænser er ubegrænset.
    4

    Opret autofuldførelse kontrol. Skriv f.eks : Hej

    userAutocomplete = new google.maps.places.Autocomplete ( input , optioner ),
    5

    ændre etiketten for input felt i din HTML-kode . Skriv f.eks : Indtast


    < br > 6

    Gem din fil og teste det . Google Maps overvåger indtastningsfeltet og auto- fuldender feltet, når en bruger begynder at skrive.

    Forrige :

    næste :
      Relaterede artikler
    ·Sådan installeres en jQuery Date Picker 
    ·Sådan fjernes det sidste barn af en Div jQuery 
    ·Sådan deaktiveres JavaScript Mens Brug Selen 
    ·Hvordan Lær Java Script for Free 
    ·Sådan Indsæt CrawlTrack Into WordPress 
    ·Liste over jQuery attributter 
    ·Sådan får Browser Width 
    ·Risici med JavaScript 
    ·Sådan Udvid en formular i Java Script 
    ·Et ActiveX Javascript Tutorial 
      Anbefalede Artikler
    ·PHP String Sammenligning 
    ·Sådan ændres PHP Extensions 
    ·Sådan Split en streng i to variabler i PowerShell 
    ·Engineering et spil til at bygge en robot 
    ·Sådan oprettes Headers & OBJ filer i C + + 
    ·Sådan Sortere Arrays numerisk i Visual Basic 
    ·Sådan Turn Off JSP Validering i Eclipse 
    ·Hvordan at omdøbe en fil i PHP 
    ·Sådan pakkes en IP Fra tekst med VBS 
    ·Sådan Find en person i en String 
    Copyright © Computer Viden http://www.computerdk.com