CODEWITHSUNDEEP
apijquery-uijquery-autocomplete
Matt
Matt

Reputation: 1811

Using google places api with jQuery autocomplete

I'm using google places and jquery to achieve the goal of once the user starts typing in an input field, it does a call to google places and feeds the results in a dropdown (via jquery ui autocomplete)

My problem is, in my autocomplete function I have 

source: function( request, response ) {
initialize()
}

In there, I'm trying to call this function

function initialize() {
service.search(request, callback);
}

Which works fine... but the problem is... initialize does a call out to the function callback()... so I'm not sure how to listen to see when the callback is done.

So for example, what would I do here:

source: function( request, response ) {
// need code here to know when initialize and callback are done and are sending me the list of results from google ?
}

I'm just not sure how to wait for google places to get done, before I use $.map from the results to produce the dropdown.

Upvotes: 2

Views: 5769

Answers (1)

James Alday
James Alday

Reputation: 873

Timing issues with google apis? I feel your pain. But to sidestep your issue and maybe save you some pain, you could use Google's prebuilt solution:

http://code.google.com/apis/maps/documentation/javascript/places.html#places_autocomplete

Apologies if you have some reason to not use their API.

Upvotes: 6

Related Questions