Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Google Maps Autocomplete - only cities and postal code

is it possible to restrict the autocomplete search only to cities and postal code?

This won't work:

autocomplete = new google.maps.places.Autocomplete(
                    /** @type {!HTMLInputElement} */(document.getElementById('autocomplete')),
                    {types: ['(cities', '(postal_code)'], componentRestrictions: {country: "de"}});

Maybe this is right?

autocomplete = new google.maps.places.Autocomplete(
                    /** @type {!HTMLInputElement} */(document.getElementById('autocomplete')),
                    {types: ['(regions)'], componentRestrictions: {country: "de"}});

Source: https://developers.google.com/places/supported_types

But autocomplete also show some results outside my restricted country, why?

enter image description here

Some suggestions?

Solution

autocomplete = new google.maps.places.Autocomplete(
                    /** @type {!HTMLInputElement} */(document.getElementById('autocomplete')),
                    {types: ['(regions)'], componentRestrictions: {'country': "de"}});
like image 990
yfain Avatar asked May 20 '26 02:05

yfain


1 Answers

The code below is the correct answer to my question.

autocomplete = new google.maps.places.Autocomplete(
                    /** @type {!HTMLInputElement} */(document.getElementById('autocomplete')),
                    {types: ['(regions)'], componentRestrictions: {'country': "de"}});
like image 86
yfain Avatar answered May 22 '26 14:05

yfain



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!