Only list the cities name Geocomplete.js or Google Location Autocomplete

google-maps, google-places-api

Solution

Glad that I finally found solution for geocomplete.js! Hope it will be useful to someone.

Solution: Send options with restrictions required to geocomplete function:

     var options = {
              types: ['(cities)'],
              componentRestrictions: {}
          };

     $("#source").geocomplete(options);

You can also send country-based restrictions. with Options like

var options = {
          types: ['(cities)'],
          componentRestrictions: {country: ["usa"]}
      };

Google Location Autocomplete using google places api solutions was straightforward and here is the answer

Problem

I want to only show the cities name using Geocomplete.js. I have restrict the search to only show the cities. But it is still showing the Country name "United State" at the end, i want to get rid from it. Any Suggestions please Thanks

Original source

Related problems