Beste,

Ik ben bezig met mijn eerste autocomplete vanuit Google maps.
Hij werkt nu zoals hij zou moeten werken alleen hij mist nog een paar dingen.
Daarom ben ik deze nu aan het uitbreiden (attans proberen)

Nu is het probleem dat ik even door de bomen het bos niet meer zie omdat de Developers Guide van Google zo enorm groot is en zoveel verschillende opties heeft.

Wat ik nu heb staan is dit: Linkje
(wel beetje nog aangepast)

Maar nu zou ik ook graag willen dat hij nog 2 txt boxen eronder heeft voor Volledige postcode en straat naam en eventueel nog provincie maar die komt later wel...

Nu zie ik in de Developers Guide wel address_components en in deze Google Autocomplete Guide ook de postal_code & overige staan...

Maar het lukt me tot op heden nog niet om het eruit te krijgen..
Misschien dat iemand hier me in de goede richting kan wijzen/helpen..

B.v.D
Die autofill gebeurt dus hier:
http://xilinus.com/jquery-addresspicker/src/jquery.ui.addresspicker.js

Het ziet er naar uit (op het eerste zicht) dat die schrijver niet gebruik maakt van autocomplete van Google Maps, maar gewoon de jQuery-UI autocomplete gebruikt.

Dus eigenlijk gewoon geocoder asynchroon lastig vallen met onvolledige zoekresultaten en de standaard respons als optie zetten.

Met andere woorden: niets van die eerste link zal je terugvinden in die tweede link die je gaf. Daarmee dat je de bomen niet meer ziet...

Ik zal eens zien hoe die autocomplete van Google Maps werkt; ik laat iets weten.
@Kris,
Bedankt voor je reactie.

Ik heb deze ondertussen zelf al (zo goed als) opgelost.
De oplossing was dat ik beter moest kijken naar de response van google, hierin stond wel dat ik alle data dat ik nodig had. (trouwens op dezelfde manier hoe het staat vermeld in de goolge maps api developers guide!)

Dus ik heb even de opties toegevoegd in het jquery.ui.addresspick.js bestand:

this.postal_code  = $(this.options.elements.postal_code);
this.route    = $(this.options.elements.route);
this.street_number = $(this.options.elements.street_number);


En deze ook toegevoegd in de $(document).ready(function() {
En ik was klaar en kon ze gewoon gebruiken!!

Alleen nu was het volgende probleem dan Google maps voor het grootste gedeelte Alleen de cijfers terug geeft van de postcode (2411 ipv 2411 VR) dus moest ik aan het eind van de functie nog een jquery/ajax query laten doen die dat ophaalt uit een mega postcode database.

Daarna had ik alles wat ik wilde hebben.
Dus deze is opgelost!
(als je de code wilt hebben let me know!)

Reageren