Skip to main content
 首页 » 编程设计

jquery之Google map 自动填充,但仅适用于街道地址名称

2026年07月28日10linjiqin

我目前开始使用 Google Maps v3 API,我想知道是否可以使用自动完成功能仅自动完成街道地址名称?

我目前正在使用此代码:

$(document).ready(function(){ 
    var options = { 
      types: ['(cities)'], 
      componentRestrictions: {country: "ar" } 
     }; 
 
 var input = document.getElementById('laboral_calle'); 
 
 var autocomplete = new google.maps.places.Autocomplete(input, options); 
 
}); 

但目前无法正常工作。

我需要设置固定的州和固定的城市,以便在文本字段中仅显示街道名称建议。

可能吗?

请您参考如下方法:

我不确定我是否完全理解您的要求 - 您是说您只想匹配特定城市/州内的街道地址吗?

如果是这样,您可以在自动完成选项中设置 LatLngBounds,以使所有结果偏向于您的边界所包围的区域内。它不会完全过滤掉该范围之外的任何内容,但对于给定的搜索,如果您的范围内有与之匹配的内容,它将出现在其他内容之上。请注意,如果您将类型设置为“(城市)”,它将仅与“城市”匹配,并且您不会看到任何街道地址!

在这里,我定义了一个包含伦敦的 LatLngBounds,然后将自动完成限制为仅匹配街道地址。

var londonBounds = new google.maps.LatLngBounds(new google.maps.LatLng(51.332757,-0.475159),new google.maps.LatLng(51.680219,0.191574)); 
 
var autocompleteOptions = { 
    bounds: londonBounds, 
    types:['geocode'], 
};