Google Maps API Autocomplete是一种提供地址自动补全功能的API。它可以根据用户输入的部分地址或关键词,实时返回匹配的地址建议列表。
要仅输出街道名称,可以使用Google Maps API Autocomplete的组件过滤器功能。通过设置组件过滤器,可以限制返回结果的类型为街道(street_address)。
以下是一个示例代码,演示如何使用Google Maps API Autocomplete仅输出街道名称:
// 引入Google Maps API Autocomplete库
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places"></script>
// 创建Autocomplete对象
var autocomplete = new google.maps.places.Autocomplete(document.getElementById('autocomplete'));
// 设置组件过滤器,仅返回街道地址
autocomplete.setComponentRestrictions({'country': 'us'});
autocomplete.setTypes(['street_address']);
// 监听地址选中事件
autocomplete.addListener('place_changed', function() {
var place = autocomplete.getPlace();
if (place.address_components) {
// 输出街道名称
var streetName = '';
for (var i = 0; i < place.address_components.length; i++) {
var component = place.address_components[i];
if (component.types.includes('route')) {
streetName = component.long_name;
break;
}
}
console.log(streetName);
}
});
在上述代码中,我们首先引入了Google Maps API Autocomplete库,并创建了一个Autocomplete对象。然后,通过设置setComponentRestrictions
方法,将结果限制为美国的地址。接下来,使用setTypes
方法将结果类型限制为街道地址。最后,我们监听了地址选中事件,并从选中的地址中提取街道名称。
推荐的腾讯云相关产品是腾讯位置服务(Tencent Location Service),它提供了类似Google Maps API的地理位置服务。您可以通过腾讯云官方网站了解更多关于腾讯位置服务的信息:腾讯位置服务。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云