Question

I am currently getting autocomplete results from a single source. If I wanted to also get results from a second source how would I go about this, and can I add the results on the fly (if one of the sources took longer).

For example this is a form field which is autocompleted using town names from geonames.org.

http://jsfiddle.net/Q6YFx/

How would I impliment merging the results from a second source such as Google Geocode API:

geocoder.geocode( { 'address': request.term, 'region': 'GB' }, function(results, status) {
    response($.map(results, function(item) {
        return {
            value: item.formatted_address+' (google)',
            latitude: item.geometry.location.lat(),
            longitude: item.geometry.location.lng()
        }
    }));
})

The google results are quicker to fetch, so I’d like to show these when they are ready and then when I get the geonames.org results I’d like to add these to the mix.

Thanks

Answer 1

This is how I did it in the end http://jsfiddle.net/ekzMN/89/