我试图将自动完成限制在特定国家/地区,即美国。我怎样才能做到这一点?通过将变量选项作为参数传递给初始化函数,我在下面尝试了以下操作:
<script>
var autocomplete = {};
var autocompletesWraps = ['test', 'test2'];
var test_form = { street_number: 'short_name', route: 'long_name', locality: 'long_name', administrative_area_level_1: 'short_name', country: 'long_name', postal_code: 'short_name' };
var test2_form = { street_number: 'short_name', route: 'long_name', locality: 'long_name', administrative_area_level_1: 'short_name', country: 'long_name', postal_code: 'short_name' };
function initialize() {
var options = {
types: ['(cities)'],
componentRestrictions: {country: "us"}
};
$.each(autocompletesWraps, function(index, name) {
if($('#'+name).length == 0) {
return;
}
autocomplete[name] = new google.maps.places.Autocomplete($('#'+name+' .autocomplete')[0], { types: ['geocode'] }, options);
google.maps.event.addListener(autocomplete[name], 'place_changed', function() {
var place = autocomplete[name].getPlace();
var form = eval(name+'_form');
for (var component in form) {
$('#'+name+' .'+component).val('');
$('#'+name+' .'+component).attr('disabled', false);
}
for (var i = 0; i < place.address_components.length; i++) {
var addressType = place.address_components[i].types[0];
if (typeof form[addressType] !== 'undefined') {
var val = place.address_components[i][form[addressType]];
$('#'+name+' .'+addressType).val(val);
}
}
});
});
}
</script>
最佳答案
您没有正确传递选项
。 Autocomplete
接受两个参数,而您传递了三个。
具体来说,在这一行中:
autocomplete[name] = new google.maps.places.Autocomplete(
$('#'+name+' .autocomplete')[0], { types: ['geocode'] }, options);
您的 options
参数未使用,因为您已将 { types: ['geocode'] }
作为选项传递。
所以删除额外的参数:
var options = {
types: ['geocode'], // or '(cities)' if that's what you want?
componentRestrictions: {country: "us"}
};
autocomplete[name] = new google.maps.places.Autocomplete(
$('#'+name+' .autocomplete')[0], options);
关于javascript - 将 Google Places API 限制在特定国家/地区,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35877545/