Welkom op de Nederland Computer Kennisnetwerk!  
 
Zoeken computer kennis
Home Hardware Netwerken Programmering Software Computerstoring Besturingssysteem
Computer Kennis >> Programmering >> JavaScript Programmeren >> Content
Hoe gebruik Google Maps API om Auto Compleet Locatie Fields
Interactie met de bezoekers van uw website door het hen mogelijk maakt om een specifieke locatie op uw aangepaste Google Map te voeren . Met behulp van de Google Maps API versie 3 , kunt u een tekstveld maken voor gebruikers om een adres of bedrijfsnaam in te voeren . Op basis van de ingevoerde tekst , zal Google Maps bieden suggesties en auto - completeren het veld . U voegt de " Places Autocomplete "-functie om uw aangepaste Google Map met behulp van de " Autocomplete " constructeur . Instructies
1

Toegang tot uw HTML- bestand en zoek uw Google Maps code . Kopen van 2

Definieer de variabele voor de input van de gebruiker na de code initialiseren van je kaart. Typ bijvoorbeeld :

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

Geef opties voor het invoeren van gegevens. Opties zijn onder andere het instellen van de grenzen , die een breedte-en lengtegraad voor de auto-complete search beperkt , en het instellen van het type ingang , die de gebruiker toelaat om te zoeken op een bedrijfsnaam of een geocode adres . Typ bijvoorbeeld :

var opties
= { bounds : defaultBounds , types : [ ' geocoderen ' ] } ;

In dit voorbeeld , kunnen gebruikers zoeken op adres en het standaard assortiment of bounds is onbeperkt .
4

Maak de Autocomplete controle. Typ bijvoorbeeld :

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

Verander de label voor het invoerveld in uw HTML-code . Typ bijvoorbeeld :


< br > 6

Sla uw bestand op en test het . Google Maps controleert het invoerveld en auto - completeert het veld wanneer een gebruiker begint te typen .

Previous: Next:
  JavaScript Programmeren
·Hoe maak je een Baseball Ticke…
·Wat veroorzaakt Done Maar met …
·Hoe te schrijven Java Script 
·Hoe te IgnoreCase Vervang 
·Hoe de post Voeg toe aan Faceb…
·Hoe je tekst roteren Met JavaS…
·Hoe te Artikelen toevoegen aan…
·How To tekstvakken inschakelen…
·Een nieuw venster wordt geblok…
  Related Articles
Hoe maak je een Combo Box Maak in Visual…
Hoe maak je een Check Box Maak in Visual…
Hoe maak je een tekstvak maken in Visual…
Hoe maak je een optie Box in Visual Basi…
Hoe maak je een schijf keuzelijst in Vis…
Hoe kan ik een keuzelijst maken in Visua…
Hoe kan ik een Picture Box Maak in Visua…
Hoe een bestand keuzelijst Maak in Visua…
Hoe kan ik een afbeelding Box Maak in Vi…
  Programmering Articles
·Python Override Base Class Method 
·Hoe maak je een website met behulp van J…
·Hoe maak je een array vullen met een Que…
·Hoe maak je een Random Integer in Ada Ge…
·Hoe te Debug in Visual Studio NET 
·Hoe kan ik invoegen Deelprojecten in Net…
·Hoe je Ajax installeren in Microsoft Vis…
·Hoe schrijf ik mijn eigen DLL in VB.Net 
·Vergelijk MySQL Vs . SQLite 
Copyright © Computer Kennis http://www.nldit.com