javascript - 在谷歌地图API中自定义自动完成字段

Question

我是谷歌地图 API 的新手，我的项目中有一个表单以及两个包含名称城市和地址的字段。我只想搜索该地址和城市内的位置。我怎样才能实现这一点？最初我只采用一个字段，即位置。但绑定(bind)并不限制搜索。 html部分:

div class="form-group col-md-6 col-sm-6">
 <span>Location:</span>
<input type="text" id="search_txt" class="form-control" placeholder="Enter a location" />

js部分:

google.maps.event.addDomListener(window, 'load', function () {

  var cityBounds = new google.maps.LatLngBounds(
  new google.maps.LatLng(18.520430,73.856744)
 );

var options = {
  bounds: cityBounds,
  types: ['(cities)'],  componentRestrictions: { country: 'in' }

};
 var input = document.getElementById('search_txt');
var autocomplete = new google.maps.places.Autocomplete(input, options);



  });

Answer 1

显示到目前为止您做了什么......检查此链接也可能有帮助

google map api page

我在搜索时也遇到过这个，也看看这个

Change the bounds of an existing Autocomplete

Call setBounds() to change the search area on an existing Autocomplete.

// Bias the autocomplete object to the user's geographical location, // as supplied by the browser's 'navigator.geolocation' object. function geolocate() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { var geolocation = { lat: position.coords.latitude, lng: position.coords.longitude }; var circle = new google.maps.Circle({ center: geolocation, radius: position.coords.accuracy }); autocomplete.setBounds(circle.getBounds()); }); } }