google maps autocomplete bounds not working

Question

Я хочу использовать ограничения автозаполнения в сервисе Google maps. Но не работает.

//----autocomplete start 
var input = (document.getElementById('searchPlace')); 
var defaultBounds = new google.maps.LatLngBounds(
      new google.maps.LatLng(40.518, 29.215), 
      new google.maps.LatLng(41.242, 30.370)); 

var options = { 
      bounds:defaultBounds, 
      componentRestrictions: { country: 'XX'},}; 

var autocomplete = new google.maps.places.Autocomplete(input, options); 
//----autocomplete end 

Когда я печатаю текстовое поле, адреса поступают в страну XX. Но я хочу ограничить поиск в регионе страны. Например, город ограничивается. Но другие адреса выходят из этой границы. Оценки не учитываются.

Answer 1

Может быть, когда вы используете границы, вы не можете использовать componentRestrictions ...

Попробуйте это ..

//----autocomplete start 
    var input = (document.getElementById('searchPlace')); 
    var defaultBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(40.518, 29.215), 
     new google.maps.LatLng(41.242, 30.370)); 

    var options = { 
     bounds:defaultBounds 
    }; 
    var autocomplete = new google.maps.places.Autocomplete(input, options); 
    //----autocomplete end 

Answer 2

Он не будет работать, как вы хотите. Вот что такое документация говорит:

Область поиска мест. Результаты смещены в сторону, , но не ограничиваются, местами, содержащимися в этих границах.

https://developers.google.com/maps/documentation/javascript/3.13/reference#AutocompleteOptions

Answer 3

Bounds работает только для карт API, а не API мест.

Для location biasing в API Places вам нужно использовать объект latlng и радиус (в метрах) в параметрах.

 var myLatlng = new google.maps.LatLng(35.9907,-84.0497); 

     var acOptions = { 
      location: myLatlng, 
      radius: 150000, // (in meters; this is 150Km) 
      types: ['address'], 
      componentRestrictions: {country: 'us'} 
     }; 

Обратите внимание, что это только смещает результатов автозаполнения к радиусу введенного; он не ограничивает результаты результатами этого радиуса.

Answer 4

Проблема в том, что LatLngBounds ожидает юго-запад и северо-восточные углы. Также называются нижние левые и верхние правые углы.

Вместо:

var defaultBounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(40.518, 29.215), 
    new google.maps.LatLng(41.242, 30.370)); 

Оно должно быть:

var defaultBounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(41.242, 29.215), 
    new google.maps.LatLng(40.518, 30.370));