Google Places auto-complete removes state and country from result

Question

https://google-developers.appspot.com/maps/documentation/javascript/examples/places-autocomplete

I have a page similar to the google page above where it autocompletes a demo code in which I can print Buckingham Palace. He will return the results

• Buckingham Palace Road, London, UK
• Buckingham Palace Store, Buckingham Palace Road, Victoria, London, UK

etc. How to remove London, UK from results?

Answer 1

This is not possible without manually processing the results. If you think this will be a useful feature, please write the Places API - Feature Feature .

Answer 2

Google doesn't seem to be interested in sorting anytime soon. I had to resort to the following, maybe enough for other needs:

document.addEventListener('DOMNodeInserted', function(event) { var target = $(event.target); if (target.hasClass('pac-item')) { target.html(target.html().replace(/, Australia<\/span>$/, "</span>")); } }); 

note that pac-item is the class used for each sentence. See the Google Reference for other classes used. A container with the pac-container class seems to throw items when it is not displayed, and adds new ones when it is displayed, so if these pac-items are added to the DOM, this means that offers will be displayed and pac-container will soon become visible .

just worked it out enough to improve it.

This is also not a complete solution. When choosing a proposal with a remote country, autocomplete still adds the country to geocoding! place_changed is too late a stage to change this, so please see the solution above as soon as part of the answer. I will update it again when I find out the rest.

--- update

personally, I did not use google autocomplete at all, since I could not find a way to solve the autocomplete problem by showing the country as soon as a modified offer was selected. a more useful approach was to use twitter typeahead and use the Google APIs to get only offers. this gave me more control over the offers, but obviously it requires more manual work to make up for the lost functionality.

Answer 3

This is how I worked with jQuery auto-complete. Hope this helps someone.

  $("#Search").autocomplete({ source: function (request, response) { var options = { input: request.term, types: ['(cities)'], region: 'US', componentRestrictions: { country: "us" } }; function callback(predictions, status) { for (var i = 0, prediction; prediction = predictions[i]; i++) { results.push(prediction.description.replace(/, United States$/, "")); } response(results); } var service = new google.maps.places.AutocompleteService(); service.getPlacePredictions(options, callback); var results = []; } });