CODEWITHSUNDEEP
javascriptgoogle-mapsgoogle-maps-api-3
yfain
yfain

Reputation: 496

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"}});

Upvotes: 3

Views: 7914

Answers (1)

yfain
yfain

Reputation: 496

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"}});

Upvotes: 4

Related Questions