FindAutocompletePredictionsRequest
是 Google Maps Platform 的一个 API 请求,用于获取自动完成的地点预测。TypeFilter
用于指定你希望自动完成结果包含的地点类型,例如餐厅、加油站等。
要在 FindAutocompletePredictionsRequest
中添加两个以上的 TypeFilter
,你可以按照以下步骤操作:
TypeFilter
是一个枚举类型,表示地点的类型。Google Maps Platform 提供了多种预定义的类型,如 TYPE_FILTER_NONE
, TYPE_FILTER_GAS_STATION
, TYPE_FILTER_RESTAURANT
等。
使用 TypeFilter
可以帮助你过滤掉不相关的自动完成结果,从而提高用户体验和应用效率。
Google Maps Platform 提供了多种地点类型,包括但不限于:
TYPE_FILTER_NONE
TYPE_FILTER_GAS_STATION
TYPE_FILTER_RESTAURANT
TYPE_FILTER_HOTEL
TYPE_FILTER_STORE
当你需要用户输入特定类型的地点时,例如在一个餐厅搜索应用中,你可以使用 TypeFilter
来确保自动完成的结果都是餐厅。
TypeFilter
在 FindAutocompletePredictionsRequest
中,你可以通过设置 typeFilters
字段为一个包含多个 TypeFilter
的数组来实现。
以下是一个使用 JavaScript 和 Google Maps JavaScript API 的示例代码:
function getAutocompletePredictions() {
const input = document.getElementById('search-input').value;
const types = [google.maps.places.TypeFilter.TYPE_FILTER_RESTAURANT, google.maps.places.TypeFilter.TYPE_FILTER_GAS_STATION];
const request = {
input: input,
componentRestrictions: { country: 'us' },
typeFilters: types
};
const service = new google.maps.places.AutocompleteService();
service.getPlacePredictions(request, (predictions, status) => {
if (status !== google.maps.places.PlacesServiceStatus.OK) {
console.error(status);
return;
}
predictions.forEach(prediction => {
console.log(prediction.description);
});
});
}
Google Maps JavaScript API - Autocomplete Service
如果你在添加多个 TypeFilter
时遇到问题,首先确保你正确地引用了 Google Maps JavaScript API,并且已经加载了 places
库。然后检查你的 typeFilters
数组是否正确设置,并且包含了有效的 TypeFilter
值。
<script>
标签正确加载了 Google Maps JavaScript API。places
库。typeFilters
是一个数组,并且每个元素都是有效的 TypeFilter
枚举值。通过以上步骤,你应该能够成功地在 FindAutocompletePredictionsRequest
中添加两个以上的 TypeFilter
。
领取专属 10元无门槛券
手把手带您无忧上云