Ad
Use Google's Autocomplete Service To Search (and Output) Only Country And/or City
I initialise google places api as follows:
<script
type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=places&types=cities"
></script>
and in my code, I bootstrap the service as follows:
const autocomplete = new window.google.maps.places.AutocompleteService();
autocomplete.getPlacePredictions({ input }, predictions => {
console.log(predictions);
});
autocomplete.getPlacePredictions('London');
I'd expect the query to only return a set of cities matching that query, but instead it returns a list of London based addresses.
How could I make it return only city results matching that query?
Ad
Answer
The types
property cannot be added to the Maps API script itself. You need to add it to your request to AutocompleteService.getPlacePredictions
as follows:
autocomplete.getPlacePredictions({ input: 'London', types : ['(cities)'] }, predictions => {
console.log(predictions);
});
Maps JS API script (without types
):
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=places"></script>
Output:
London, UK
London, ON, Canada
London, KY, USA
Londonderry, UK
London, OH, USA
For reference check out the resources below:
AutocompletionRequest interface reference
Autocomplete for Addresses and Search Terms
Hope this helps!
Ad
source: stackoverflow.com
Related Questions
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad